jQuery将页面插入div会破坏javascript

Question

我的 index.php 有一个 jquery ajax 调用，可将 getposts.php 插入我的#content div。这工作正常.. 问题是 getposts.php 中有一些 javascript（更多 jQuery），虽然 Chrome 确实可以正常执行代码，但 Firefox 没有。

如果我将 javascript 作为文件 (setchecked.js) 包含在内，firebug 正在寻找 setchecked.js_=1322020697832

如果我将 javascript 直接包含到 getposts.php 中，则 javascript 将被完全忽略（它甚至不会出现在源代码中）

有谁知道为什么以及如何解决它？

index.php

<script type="text/javascript" src="fetchposts.js"></script>
<div id="content"></div>

fetchposts.js

$(document).ready(function() {
$.ajax({
    url: 'getposts.php',
    type: 'POST',
    success: function (fetched) {
        $('#content').load('getposts.php');
    },
});
});

getposts.php（这会让 firebug 寻找 setchecked.js_=1322020697832

<script type="text/javascript" src="setchecked.js"></script>

或getposts.php（源代码中完全没有javascript）

<script type="text/javascript">
$(document).ready(function() {
// set $checked values
$.ajax({
    url: 'query.php',
    type: 'POST',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    async: true,
    cache: false,
    success: function (msg) {
        ------ do some fun stuff that works --------
    },
});
});
</script>
         --------------- some php and html that DOES display -------------

同样，我的问题不在于我的 javascript 的内容，而是如何让 javascript 在#content 中工作。 Chrome 确实可以毫无问题地执行代码。出于某种原因，Firefox 很挑剔。 Firebug 没有报告任何错误，只是寻找错误的文件或完全忽略它。

getposts.php 的其余部分（html 和 php 代码）在 Chrome 和 Firefox 中都显示在我的#content 中。

Answer 1

我知道这些脚本正在运行，但我认为它们需要一些重构。 从代码中我看到你是

1. 将内容从 getposts.php 加载到 #content 中
2. 加载后，您想获取一些 JSON
3. 加载 JSON 后，您想用它做一些有趣的事情

代码可以通过以下方式改进：

• 没有进行这么多的 ajax 调用
• 针对每个任务使用专门的 ajax 方法
• 将它们放在一个文件中

fetchposts.js

$(document).ready(function() {
    var someFunStuff = function(msg) {
        // do some fun stuff that works 
    };

    var setChecked = function() {
        $.getJSON('query.php', someFunStuff);
    };

    $('#content').load('getposts.php', setChecked);
});

如果我误解了您想要完成的事情，或者您有更多需要介绍的规范，请告诉我，我会根据需要回复。

更新

我看到您发表的关于使用单个 javascript 文件的评论。您需要从单独的数据库中获取什么？