首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用.load加载内容后,JqueryRotate将停止工作

使用.load加载内容后,JqueryRotate将停止工作
EN

Stack Overflow用户
提问于 2012-05-04 20:40:00
回答 1查看 308关注 0票数 1

我使用AJAX将内容加载到div中,还没有找到实现所需内容的另一种方法。我在上面有一个播放列表,每次用户在新页面上剪裁时,歌曲就会重新开始,所以我不得不使用AJAX加载内容,而不需要重新加载页面。

然后,我遇到了第一个问题:如果我在加载的文件本身中包含Jquery和该内容所需的插件(在本例中是一个滑块),那么加载的内容是完美的,但是当内容被加载时,JqueryRotate将停止工作。

我使用JqueryRotate作为加载内容的按钮,当您将其悬停时,它会旋转一个圆,但是当您单击其中一个按钮时,内容将被加载,旋转不再工作。按钮位于放置的内容之外。

客户端想要那个旋转效果,所以我不能跳过那个插件(我很乐意,因为其他的功能都很完美)。

我正在使用所有插件,它们工作得很好,然后客户要求我在浏览其他页面时播放播放列表,所以我不得不.load内容,然后我得到了第一个问题。

用于按钮旋转的代码:

代码语言:javascript
复制
$("#boton").hover( 
   function () {
            $(".img").rotate({animateTo:180})
        },
         function () {
            $(".img").rotate({animateTo:0})
        }
);

另一个用于下拉菜单:

代码语言:javascript
复制
    $('#boton').click(function () {
$('#dsubmenu').toggle(),
$('.tsubmenu, .tmsubmenu').hide();});

我有什么选择?我应该再找一个插件吗?我一直在浏览,这个是最小的,也是最有效的。我不想为了一个按钮而改变整个网站,所以CSS3可以是另一个选择吗?提前谢谢你的回答!

编辑解决了!:我把解决方案留在这里,以防有人有类似的问题。

我做了古法在这篇文章(http://stackoverflow.com/questions/6186483/apply-jquery-functions-to-loaded-elements)中说的话:

您可以在加载调用中添加一个回调,当添加了新内容:$("#load_cheque").load("./server/mode_paiement.php?cheque=1", function(){ // Here you can fix the loaded content });时将调用这个回调。

我将插件的所有.js都包含在header.js的主xhtml中,然后通过AJAX加载内容,并在回调中添加了滑块工作的函数,与其他页面一样。谢谢你,古法!你救了我!

EN

回答 1

Stack Overflow用户

发布于 2012-05-04 20:48:22

尝试使用.getScript ( http://api.jquery.com/jQuery.getScript/ )

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10455861

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档