Javascript 获取$（函数（）以重复或不降级

长话短说。我正在对我的网站进行故障排除，以使其正常工作。我必须将其包括在加价中

<script type="text/javascript">
     $ (function() {
        RESPONSIVEUI.responsiveTabs();
     });
</script>

并使用

$(".personal_info").live('click', function() {
 $("#content_container" ).load("personal/personal.html")
 $("#info").slideUp(1000, function() {
  $("menu").css("border-bottom", "#F93 2px Solid");
 });
 return false;
});

我还允许用户返回到

    index.html

无需通过刷新或重新加载

$(".home_button").live('click', function() {
 $("#content_container").stop().load("./index.html #drill_banner")
 $("#info").slideDown(1000, function() {
  $("menu").css("border-bottom", "#F93 2px Solid")
 });

 return false;
});

你可以看到它实际上只是在加载

  index.html #drill_banner

进入

但这种钻取会降低效率

     <script type="text/javascript">
     $ (function() {
        RESPONSIVEUI.responsiveTabs();
     });
</script>

因此，如果您单击“返回”到“个人”，它不会加载任何脚本或格式

  personal.html

实例（使用chrome）是 点击“个人” 单击“主页” 点击“个人”

---

你会明白我的意思…

如评论中所述，我对你的响应选项卡脚本所做的事情并不肯定，但你肯定需要考虑一些信息才能使这项工作正常进行

首先，当您使用

.load（）

将动态元素加载到DOM中时（或者当在DOM最初加载后创建元素并将其附加到DOM中时），您需要有某种

事件侦听器

，它知道如何影响这些新的DOM元素

使用

.load（）

时，您可以像这样使用

回调

函数：

$("#content_container").load("somepage.html", function() {
    // I am ready to do stuff with elements on `somepage.html`
});

在您的情况下，您可能需要重新加载“插件”或源脚本，然后再次包含脚本调用，如下所示：

$("#content_container").load("somepage.html", function() {
    $.getScript("some_responsive_plugin.js")
    .done(function(script, status) {
        // new script is loaded upon success
        // Make use of new script, for example maybe:
        // RESPONSIVEUI.responsiveTabs();
    });
});

最后，jQuery的

live

方法。最好使用jQuery的

因此，您的使用可能会发生以下变化：

$(".personal_info").live('click', function() {
    // do stuff
});

致：

---

希望这能有所帮助！

用于加载新内容的jquery load命令支持回调函数作为第二个或第三个参数。RESPONSIVEUI.responsiveTabs（）的作用并不明确，但是如果它需要修改文档以使其正确呈现，则新内容可能必须经过相同的操作。

$("#content_container").load("somepage.html", function() {
    // I am ready to do stuff with elements on `somepage.html`
});

$("#content_container").load("somepage.html", function() {
    $.getScript("some_responsive_plugin.js")
    .done(function(script, status) {
        // new script is loaded upon success
        // Make use of new script, for example maybe:
        // RESPONSIVEUI.responsiveTabs();
    });
});

$(".personal_info").live('click', function() {
    // do stuff
});

$(".personal_info").on('click', function(e) {
    // do stuff
});