我已经使用对象以及使用 Jquery 1.7.2 创建了一个类。除了“$.ajax()”和“$.getJSON()”等与 AJAX 相关的调用外,我的所有 Jquery 都可以正常工作。
我通常不通过对象或函数创建类,因为不担心范围。我确实认为这是一个范围问题,但我不确定如何解决它,因为我有很多其他 Jquery 代码正在顺利使用。所以问题似乎集中在 JQuery 中设置的 Ajax 上。
下面是一些 Javascript 代码。并非全部,因为它会是一个巨大的数量,并且所有 Jquery 都在其余代码中使用,例如 binding()、click()、.each()。
除了 Ajax 调用之外,还有更多的 HTML 和 JavaScript。HTML、CSS 和 Javascript 已经过验证。这就是为什么我一直认为这是一个范围问题。
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="_res/css/main.css" />
<script src="_res/js/libs/jquery-1.7.2.min.js"></script>
<script src="_res/js/libs/main.js"></script>
</head>
<body></body>
</html>
Javascript 片段代码 (main.js)
var BettingApp = {
loadData:function()
{
//console.log("loadData()");
//BettingApp.resetData();
// This fails before it even tries to get the data.
$.ajax(
{
url: "/_res/json/sampleData.json",
cache: false,
contentType:"json",
processData: false,
complete: BettingApp.parseData,
success: BettingApp.parseData
});
},
resetData:function()
{
console.log("resetData()");
// This works just fine
$("#agencyBetView ul li").remove();
$("#playerBetView ul li").remove();
},
activateData:function()
{
console.log("activateData()");
}
};
$(document).ready(function(){ BettingApp.loadData(); });
来自浏览器的错误(最新的 Chrome、Safari、Firefox)
Uncaught TypeError: Property 'String' of object [object Window] is not a function
jquery-1.7.2.min.js:2
e.extend.type jquery-1.7.2.min.js:2
f.Callbacks.n jquery-1.7.2.min.js:2
f.Callbacks.p.add jquery-1.7.2.min.js:2
f.extend.ajax jquery-1.7.2.min.js:4
BettingApp.loadData main.js:175
BettingApp.updateStep main.js:102
BettingApp.chooseBetType_agency main.js:369
f.event.dispatch jquery-1.7.2.min.js:3
f.event.add.h.handle.i
以完整代码工作的 Jquery 函数
.bind()
.click()
.data()
.each()
.focus()
.focusout()
.html()
.ready()
.remove()
.slideUp()
.slideDown()