Javascript Jquerys之间的冲突
我有一个问题,当我在同一个文件上做了很多jquery函数时,它不起作用。Javascript Jquerys之间的冲突,javascript,html,Javascript,Html,我有一个问题,当我在同一个文件上做了很多jquery函数时,它不起作用。 我尝试使用de jQuery.noConflict fonction,但它不起作用,可能我使用它的方式不好,或者我在错误的地方使用它。如何在示例代码中使用noConflict fonction <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src
我尝试使用de jQuery.noConflict fonction,但它不起作用,可能我使用它的方式不好,或者我在错误的地方使用它。如何在示例代码中使用noConflict fonction
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.ui.core.min.js"></script>
<script type="text/javascript" src="jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="jquery.ui.tabs.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dataTables.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var jQueryTabs1Opts =
{
event: 'click',
collapsible: false
};
$("#jQueryTabs1").tabs(jQueryTabs1Opts);
});
</script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#example').dataTable( {
"aaSorting": [[ 4, "desc" ]]
} );
} );
</script>
如果删除重复导入,则代码应该可以工作 删除此行:
<script type="text/javascript" src="jquery.js"></script>
请注意您导入的UI库所需的jQuery版本。我找到了解决方案。解决方案是使用如下noConflict函数:
<script>
var jq172 = jQuery.noConflict();
jq172(document).ready(function()
{
var jQueryTabs1Opts =
{
event: 'click',
collapsible: false
};
jq172("#jQueryTabs1").tabs(jQueryTabs1Opts);
});
</script>
但是为什么要多次导入jQuery?我在这段代码中看不到任何冲突。因为我想使用Jquerytabs和javascript函数在任何jQuery选项卡中对我的表进行排序,我想创建一个表,以便能够通过点击Colonney对其进行排序。我删除了noConflict函数,因为它对我不起作用。但我不确定我是否需要如何在我的示例代码中使用noconflict功能不,这不是解决方案,而是一个糟糕的攻击。您不应该导入jQuery两次。不,我可以:D它对我有效,如果我删除数据表,那么datatable将不起作用,如果我删除另一个,那么JQuerytabs将不起作用