Jquery 问题绑定函数

我将另一个页面的一部分调用到父页面，如下所示：

$(function() {
    $("#subscribe").click(function () {
        $("#singleContent").load('purchaseForm.php #Content');
    });
});

$(function() {
    $("#subscribe").click(function () {
        $("#singleContent").load('purchaseForm.php #Content', function()
        {
            $('[class^=toggle-item]').hide();
            $('[class^=link]').live('click', function(e) {
                $('.toggle-item-' + this.className).slideToggle("fast");
                $('span',this).text(function(i,txt) {
                    return txt === "Learn More..." ? "Close" : "Learn More...";
                    e.preventDefault();
                });
            });

            $(function() {
               var $add = $('input.add');
               $add.live('click', function() {
                   $add.removeAttr('checked');
                   $(this).attr('checked', true);
               });
            });
        });
    });
});

没问题。我在运行'purchaseForm.php'中的函数时遇到问题。我尝试了“.live”函数，但只能将其绑定到单击之类的事件。我需要隐藏一些东西并运行以下代码：

$('[class^=toggle-item]').hide();
$('[class^=link]').live('click', function(e) {
    $('.toggle-item-' + this.className).slideToggle("fast");
    $('span',this).text(function(i,txt) {
        return txt === "Learn More..." ? "Close" : "Learn More...";
        e.preventDefault();
    });
});

$(function() {
    var $add = $('input.add');
    $add.live('click', function() {
        $add.removeAttr('checked');
        $(this).attr('checked', true);
    });
});

---

如何将上述函数绑定到.load函数？

这是我刚才报告的jQuery错误。据我所知，这个问题还没有解决

我会找到bug并链接它。具体地说，当您将“.load（）”与类似的“context”（URL后面的选择器）一起使用时，它不会在加载的内容中运行

标记

编辑-确定是错误

---

要使您的设置正常工作，最好的办法可能是在加载内容的周围页面中包含该代码。

您可以执行以下操作：

$(function() {
    $("#subscribe").click(function () {
        $("#singleContent").load('purchaseForm.php #Content');
    });
});

$(function() {
    $("#subscribe").click(function () {
        $("#singleContent").load('purchaseForm.php #Content', function()
        {
            $('[class^=toggle-item]').hide();
            $('[class^=link]').live('click', function(e) {
                $('.toggle-item-' + this.className).slideToggle("fast");
                $('span',this).text(function(i,txt) {
                    return txt === "Learn More..." ? "Close" : "Learn More...";
                    e.preventDefault();
                });
            });

            $(function() {
               var $add = $('input.add');
               $add.live('click', function() {
                   $add.removeAttr('checked');
                   $(this).attr('checked', true);
               });
            });
        });
    });
});

---

好的，有两种方法：第一，我避免这样做：-）第二，我尽量使我的所有页面都有相同的代码可用，尽可能多地在外部.js文件中。好的一点。我应该为这组包含所有函数的页面使用一个外部js文件。thx man.North Creative-perfect没有得到正确的结构。你会推荐这样做，还是像尖刻的“指出”那样将所有函数包含在一个外部文件中？是的，我肯定会尽可能将其外部化。它更容易维护和跟踪。