这段jquery入门代码，书下的，不能运行，新手
日期：2014-05-16 浏览次数：20303 次
这段jquery入门代码，书上的，不能运行，新手求救
<html>
<head>
<title>jQuery - Hello jQuery</title>
<script src="Static/common/js/jquery-1.4.4.js" type="text/javascript"></script>
<script type="text/javascript">
var thisPage = {
initialize: function () {
this.initializeDom();
this.initializeEvent();
},
initializeDom: function () {
this.$btnShow = $("#btnShow");
},
initializeEvent: function () {
this.$btnShow.bind("click", function(event) {
$("#divMsg").toggle(300);
});
}
}
$(thisPage.initialize());
</script>
</head>
<body>
<input id="btnShow" type="button" value="Say Hello to jQuery world" />
<div id="divMsg" style="border:1px dotted #3c3c3c; display:none; width:400px;">Hello jQuery!</div>
</body>
</html>
------解决方案--------------------
<html>
<head>
<title>jQuery - Hello jQuery</title>
<script src="Static/common/js/jquery-1.4.4.js" type="text/javascript"></script>
<script type="text/javascript">
var thisPage = {
initialize: function () {
this.initializeDom();
this.initializeEvent();
},
initializeDom: function () {
this.$btnShow = $("#btnShow");
},
initializeEvent: function () {
this.$btnShow.bind("click", function(event) {
$("#divMsg").toggle(300);
});
}
}
$(thisPage.initialize());
</script>
</head>
<body>
<input id="btnShow" type="button" value="Say Hello to jQuery world" />
<div id="divMsg" style="border:1px dotted #3c3c3c; display:none; width:400px;">Hello jQuery!</div>
</body>
</html>
------解决方案--------------------
- JScript code
//$(thisPage.initialize());
$(function(){thisPage.initialize()});
//或者
$(document).ready( function() {
thisPage.initialize();
});
------解决方案--------------------
那是因为对象调用的时候还不存在
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
