我在网页上有这样的JS代码
<script type="text/javascript">
var jq = jQuery.noConflict();
function table_data_update() {
$jq.ajax({
url: "query_issue.php",
data: { "start_date": "20160705", "end_date": "20160706" },
success: function (data) {
var table = document.getElementById("test_table");
$jq.each(data, function (k, v) {
table.innerHTML +=
"<tr><td>" + v.id + "</td><td>" + v.D1 + "</td><td>" + v.D2 + "</td><td>";
});
},
error: function (xhr, options, error) {
}
});
}
function table_init() {
setInterval(table_data_update, 30000);
}
$jq(document).ready(table_init); //<=Uncaught ReferenceError $jq is not defined
alert($jq);
</script>在代码$jq(document).ready(table_init);中,它显示错误uncaught referenceerror $ is not defined。
我确认jquery在html中是引用的。我使用Chrome DevTools在var jq = jQuery.noConflict();和$jq(document).ready(table_init);上调试和设置断点。第一个断点可以成功执行。但是,第二个断点击中了两次。第一次是传递,弹出提示显示jQuery已经加载。但是第二次是错误并显示uncaught referenceerror $ is not defined。
有谁可以帮我?非常感谢!
发布于 2016-07-14 14:45:26
您的定义应该是var $jq = jQuery.noConflict();而不是var jq = jQuery.noConflict();。试试下面的代码:
var $jq = jQuery.noConflict();
function table_data_update() {
$jq.ajax({
url: "query_issue.php",
data: { "start_date": "20160705", "end_date": "20160706" },
success: function (data) {
var table = document.getElementById("test_table");
$jq.each(data, function (k, v) {
table.innerHTML +=
"<tr><td>" + v.id + "</td><td>" + v.D1 + "</td><td>" + v.D2 + "</td><td>";
});
},
error: function (xhr, options, error) {
}
});
}
function table_init() {
setInterval(table_data_update, 30000);
}
$jq(document).ready(table_init); //<=Uncaught ReferenceError $jq is not defined
alert($jq);<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
https://stackoverflow.com/questions/38377194
复制相似问题