如何将jQuery添加到JSfiddle

uklbhaso  于 2023-08-04  发布在  jQuery
关注(0)|答案(4)|浏览(111)

JSfiddle的界面发生了变化,我看不到任何添加jQuery的选项,并将其设置为onLoad

有人能帮我打开它吗?
谢谢你的帮助

pinkon5k

pinkon5k1#

除了Velimir Tchatchevsky's Answer,您还可以单击 *JavaScript设置 * 按钮(Javascript窗格的右上角)。
x1c 0d1x的数据
您可以从 Frameworks & Extensions 下拉列表中选择jQuery以及其他扩展和框架。
此外,根据所选择的库,该库还具有一些其他扩展。下面是一个jQuery 1.7.2的例子,你也可以包括jQuery UI,jQuery移动的等。



关于Velimir Tchatchevsky的回答,左边的 External Resources 部分更多的是用于导入JSFiddle没有的其他文件/库。
例如,您可以导入FontAwesome或Datatables.js等库,或您自己的托管CSS / JS文件。

jaxagkaj

jaxagkaj2#

在左侧有一个“外部资源”按钮,您可以单击它并填写jQuery源代码的URL

qf9go6mv

qf9go6mv3#

也有同样的问题。使用ImClarky的答案在更新的界面中解决了这个问题。在更新的界面中添加步骤。希望这些帮助有人寻找同样的未来
1.点击Javascript面板中的JavaScript菜单,然后从Frameworks & Extensions菜单中选择jQuery
x1c 0d1x的数据
1.使用jQuery添加代码!!


anauzrmj

anauzrmj4#

将以下内容添加到html块的顶部:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

字符串
示例如下:

function code()
{
console.log('change');
console.log($('#select').val());
$('#copySelect').html($('#select').val());
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

<select id="select" onchange="code()">
<option value="Hi">Hi</option>
<option value="Bye">Bye</option>
</select>
<span id="copySelect">
Hi
</span>

的数据

相关问题