通过AJAX显示jquery滑块效果时出现问题_Jquery_Ajax

通过AJAX显示jquery滑块效果时出现问题

jquery ajax

通过AJAX显示jquery滑块效果时出现问题,jquery,ajax,Jquery,Ajax,您好，我使用的是link workshop中提到的slider代码。rs/projects/coin slider。它可以独立工作，但是当我使用onclick事件通过AJAX调用此页面，然后将内容显示到div中时，这是不起作用的。仅显示图像，没有任何效果。。请建议 html文件： <div id="nav"> <ul> <li><a href="dbuelem.html">DBU Elimination<

您好，我使用的是link workshop中提到的slider代码。rs/projects/coin slider。它可以独立工作，但是当我使用onclick事件通过AJAX调用此页面，然后将内容显示到div中时，这是不起作用的。仅显示图像，没有任何效果。。请建议

html文件：

<div id="nav">
        <ul>

          <li><a href="dbuelem.html">DBU Elimination</a></li>
          <li><a href="contact.html">Contact us</a></li>
        </ul>

      </div>
<div id ="welcome">
</div>

contactslide.html

<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

</head>
<body>
<div id='coin-slider'>
<img src="images/1.jpg"/>
<span>Abhinav Singh</span>
<img src="images/2.jpg" />
<span>Pradeep sethi</span>
<img src="images/3.jpg" />
<span>Tracey Hare</span>
<img src="images/4.jpg" />
<span>Amarish Patel</span>
<img src="images/5.jpg" />
<span>Richa Misra</span>
<img src="images/6.jpg" />
<span>Vishal Anand</span>
</div>
<script type="text/javascript">

    $(document).ready(function() {
        $('#coin-slider').coinslider();
    });
</script>

</body>
</html>


阿比纳夫·辛格
普拉迪普塞蒂
特雷西·黑尔
阿马里什帕特尔酒店
里查米斯拉
维沙尔·阿南德
$（文档）.ready（函数（）{
$（'#硬币滑块'）。硬币滑块（）；
});

其中contactslide.html是链接中提到的文件。。。这个文件独立运行良好，当我用AJAX调用它时，它没有显示任何效果。请建议

在进行ajax调用并设置

innerHTML

之后，需要再次初始化元素上的

滑块

插件

假设您使用的是jQuery，我们可以修改

Contacts

和

showContacts

方法，如下所示

function Contacts(){
    $.ajax({
      url: 'contactslide.html',
      success: showContacts,
      error: function(xhr, errorStatus){
         $("#welcome").html("There was a problem with the request. " + errorStatus);
      }
    });

    return false;
}

function showContacts(response) {
    var html = $(response);
    $("#welcome").html(html.find('body').html());
}

：：我对这件事不熟悉。。。如果你能给我指点一下…谢谢。。。我将我所有的js和css文件移动到邮件html页面，然后在ajax调用后初始化我的滑块…只是想确认是否有其他的解决方法。。。

function Contacts(){
    $.ajax({
      url: 'contactslide.html',
      success: showContacts,
      error: function(xhr, errorStatus){
         $("#welcome").html("There was a problem with the request. " + errorStatus);
      }
    });

    return false;
}

function showContacts(response) {
    var html = $(response);
    $("#welcome").html(html.find('body').html());
}