Javascript 无法在'；通过jQuery'；s阿贾克斯

摘要…

我有一个页面正在用ajax加载其他页面，它们包含javascript。javascript使用的是

document.ready

，当使用这样的代码时，它不正常工作

    $.ajax({

        type: 'get',
        url: 'layouts/' + layout + '.php',
        success: function(data){ 

            $('.swap').fadeOut('slow', function(){ // container

                $(this).delay(100).fadeIn().html(data);

            });

        }

    }); 

从javascript运行速度太快的角度来看，它无法正常工作

---

加载使用

document.ready

或类似代码的页面的最佳方法是什么？

您可以将所有脚本添加到正文之前的主html文件中，并尝试在使用ajax调用的页面中启动它们的功能

<div>

<ul class="slider">
    <li><img /></li>
    <li><img /></li>
</ul>

<script>
  $(document).ready(function(){
     //slider.init(); start slider 
  })
</script>

$（文档）.ready（函数（）{
//slider.init（）；开始滑块
})

---

您可以将所有脚本添加到正文之前的主html文件中，并尝试在使用ajax调用的页面中启动它们的功能

<div>

<ul class="slider">
    <li><img /></li>
    <li><img /></li>
</ul>

<script>
  $(document).ready(function(){
     //slider.init(); start slider 
  })
</script>

$（文档）.ready（函数（）{
//slider.init（）；开始滑块
})

---

您可以将所有脚本添加到正文之前的主html文件中，并尝试在使用ajax调用的页面中启动它们的功能

<div>

<ul class="slider">
    <li><img /></li>
    <li><img /></li>
</ul>

<script>
  $(document).ready(function(){
     //slider.init(); start slider 
  })
</script>

$（文档）.ready（函数（）{
//slider.init（）；开始滑块
})

---

您可以将所有脚本添加到正文之前的主html文件中，并尝试在使用ajax调用的页面中启动它们的功能

<div>

<ul class="slider">
    <li><img /></li>
    <li><img /></li>
</ul>

<script>
  $(document).ready(function(){
     //slider.init(); start slider 
  })
</script>

$（文档）.ready（函数（）{
//slider.init（）；开始滑块
})

如果使用

load（）

方法，脚本将执行。但是请注意，document.ready已经出现在主页中，因此脚本需要位于它们引用的html之后

或者，您可以在成功回调中使用

$.getScript（）

$('.swap').fadeOut(function(){
     $(this).load('layouts/' + layout + '.php', function(){
        $(this).fadeIn()
     });
})

如果使用

load（）

方法，脚本将执行。但是请注意，document.ready已经出现在主页中，因此脚本需要位于它们引用的html之后

或者，您可以在成功回调中使用

$.getScript（）

$('.swap').fadeOut(function(){
     $(this).load('layouts/' + layout + '.php', function(){
        $(this).fadeIn()
     });
})

如果使用

load（）

方法，脚本将执行。但是请注意，document.ready已经出现在主页中，因此脚本需要位于它们引用的html之后

或者，您可以在成功回调中使用

$.getScript（）

$('.swap').fadeOut(function(){
     $(this).load('layouts/' + layout + '.php', function(){
        $(this).fadeIn()
     });
})

如果使用

load（）

方法，脚本将执行。但是请注意，document.ready已经出现在主页中，因此脚本需要位于它们引用的html之后

或者，您可以在成功回调中使用

$.getScript（）

$('.swap').fadeOut(function(){
     $(this).load('layouts/' + layout + '.php', function(){
        $(this).fadeIn()
     });
})

---

我在这里发现一些非常简单的东西，否则我就非常简单

$（'.swap'）.fadeOut（'slow'，function（）{

---

HTML中没有标记为swap的类？

我在这里发现了一些非常简单的东西，否则我就非常简单了

$（'.swap'）.fadeOut（'slow'，function（）{

---

HTML中没有标记为swap的类？

我在这里发现了一些非常简单的东西，否则我就非常简单了

$（'.swap'）.fadeOut（'slow'，function（）{

---

HTML中没有标记为swap的类？

我在这里发现了一些非常简单的东西，否则我就非常简单了

$（'.swap'）.fadeOut（'slow'，function（）{

---

HTML中没有标记为swap的类？

使用ajax加载页面时，通常不会执行该页面中的javascript。可以使用jQuerys

load（）

方法加载页面，然后执行脚本

在模板页面中，添加一个

，以保存页面的实际内容，如下所示：

<div id="container">
  <ul>
    <li></li>
  </ul>
</div>

---

使用ajax加载页面时，通常不会执行该页面中的javascript。可以使用jQuerys

load（）

方法加载页面，然后执行脚本

在模板页面中，添加一个

，以保存页面的实际内容，如下所示：

<div id="container">
  <ul>
    <li></li>
  </ul>
</div>

---

使用ajax加载页面时，通常不会执行该页面中的javascript。可以使用jQuerys

load（）

方法加载页面，然后执行脚本

在模板页面中，添加一个

，以保存页面的实际内容，如下所示：

<div id="container">
  <ul>
    <li></li>
  </ul>
</div>

---

使用ajax加载页面时，通常不会执行该页面中的javascript。可以使用jQuerys

load（）

方法加载页面，然后执行脚本

在模板页面中，添加一个

，以保存页面的实际内容，如下所示：

<div id="container">
  <ul>
    <li></li>
  </ul>
</div>

---

您正在显示的代码与我的代码相同，只是我只是链接到脚本，而不是将其放在页面中。在执行ajax调用时，我尝试了这两种方法，但都不起作用。奇怪的是，如果我抛出

警报（'test'）

在页面上的脚本中…它在ajax调用中执行，这与我读到的内容背道而驰…因此我感到困惑。链接页面中的脚本意味着每次调用此页面时它都会调用整个脚本。您只是想启动一些东西，所以最好只调用函数。添加文档就绪总是一个简单的过程这是一个很好的实践，因为大多数时候你都需要准备好执行脚本。@idoteque

document.ready

在ajax加载页面中没有帮助，事件发生在很久以前，所以会立即触发。插件只有在

document.ready

中才能工作。这会改变什么吗？你显示的代码是我有同样的东西，除了我只是链接到脚本，而不是把它放在页面中。我在做ajax调用时尝试了两种方法，但都不起作用。奇怪的是，如果我在页面上的脚本中抛出一个

警报（'test'）

，它会在ajax调用中执行，这与我所做的一切都是背道而驰的