javascript - 让 $(function() 重复或不降级

Question

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

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

我正在做的就是我正在服用

   index.html #content_container

并使用

加载到我的 personal.html 文件中

$(".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

进入

   #content_container

但是这种钻孔会降低

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

上

    index.html

因此，如果您单击回到“个人”，它不会为

加载任何脚本或格式

  personal.html

实例(使用 chrome)是 http://www.DSTPC.ca/Beta/index.html 点击“个人” 点击“主页” 点击“个人”

你会明白我的意思...

Answer 1

如评论中所述，我不确定您的响应式标签脚本在做什么，但您肯定需要考虑一些信息才能使其正常工作。

首先，当您使用 .load() 将动态元素加载到 DOM 时(或者在 DOM 初始加载后创建元素并将其附加到 DOM 时)，您需要某种类型的事件监听器 知道如何影响那些新的 DOM 元素。

当使用 .load() 时，您可以像这样使用 callback 函数:

$("#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 方法is deprecated .你最好使用 jQuery 的 .on() event handler .

因此，您的用法可能会发生变化:

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

到:

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

希望对您有所帮助!