3
我看起来像当我通过jsdom
运行页面时,页脚本中的$(document).ready
块没有被执行。
下面是HTML:
<html>
<body>
If everything works, you should see a message here: <h2 id="msg"></h2>
<script>
var checkpoint1 = true
var checkpoint2 = false
$(document).ready(function(){
checkpoint2 = true
$('#msg').html("It works, it works, it works!")
})
</script>
</body>
</html>
和codez:
fs = require('fs');
htmlSource = fs.readFileSync("public/examples/test_js_dom.html", "utf8");
global.jsdom = require("jsdom");
jsdom.defaultDocumentFeatures = {
FetchExternalResources : ['script'],
ProcessExternalResources : ['script'],
MutationEvents : '2.0',
QuerySelector : false
};
doc = jsdom.jsdom(htmlSource)
window = doc.createWindow()
jsdom.jQueryify(window, "http://code.jquery.com/jquery-1.8.3.min.js", function(){
console.log(window.checkpoint1);
console.log(window.checkpoint2);
console.log(window.$().jquery)
console.log("body:");
console.log(window.$('body').html());
});
和输出:
[email protected]:~/projects/notjs$ test/jsdom.js
true
false
1.8.3
body:
If everything works, you should see a message here: <h2 id="msg"></h2>
<script>
var checkpoint1 = true
var checkpoint2 = false
$(document).ready(function(){
checkpoint2 = true
$('#msg').html("It works, it works, it works!")
})
</script>
<script class="jsdom" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
我在做什么错?
增加细节以满足荒谬的stackoverflow比率。
[email protected]:~/projects/notjs$ npm ls jsdom
[email protected] /Users/Bee/projects/notjs
├─┬ [email protected]
│ └── [email protected]
└── [email protected]
[email protected]:~/projects/notjs$ node -v
v0.8.15
[email protected]:~/projects/notjs$ npm -v
1.1.66
[解决方法]:
谢谢你,Dave领导我正确的答案。
我认为完整的jsdom答案是这样的;不要使用jsdom.jQuerify,添加脚本标记以在页面脚本上方的页面中加载jQuery(因为它需要为了在浏览器中加载页面)。
HTML:
...
If everything works, you should see a message here: <h2 id="msg"></h2>
<script src="http://notjs.org/vendor/jquery-1.8.3.min.js"></script>
<script>
var checkpoint1 = true
var checkpoint2 = false
$(document).ready(function(){
var checkpoint2 = true
...
代码:
...
doc = jsdom.jsdom(htmlSource)
window = doc.createWindow()
window.addEventListener('load', function(){
console.log(window.checkpoint1);
console.log(window.checkpoint2);
console.log(window.$().jquery)
console.log("body:");
console.log(window.$('body').html());
});
...
呃!是的,正确的答案是将脚本标记添加到页面以在页面脚本之前加载jQuery。谢谢! – 2013-03-24 17:16:32