ajax加载的脚本无法运行

Question

以下代码通过ajax：

加载

<div class="main">
    //some content
</div>    
<div class="advanced">
    //some content
</div>
<div class="other">
    //some content
</div>
<div class="pass">
    //some content
</div>
<script>$('.advanced,.other,.pass').hide();</script>

它们在正常加载时隐藏得很好，但是当通过ajax加载它时它不再起作用了。为什么会这样？我不确定$.on()是否真的有帮助。

Answer 1

如果通过jQuery ajax加载上面的示例，为什么不调用

  

$（”先进，。其他，.pass。）隐藏（）;

完成ajax请求后？

例如：

$.ajax({
    url: "Your AJAX URL",
    dataType: 'html',
    type: "POST",
    success: function (json) {
        // Add you elements to the DOM
    },
    complete: function () {
        $('.advanced,.other,.pass').hide();
    }
});

Answer 2

根据jQuery

  

在将HTML作为字符串返回之前，将执行检索到的数据中的任何嵌入式JavaScript。

这可能意味着您的脚本首先执行，然后才能使用它执行任何操作。