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

时间:2012-05-04 20:40:01

标签: jquery ajax dynamic load

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

然后我遇到了第一个问题:如果我在加载的文件本身中包含Jquery和该内容所需的插件,我加载的内容是完美的,在这种情况下,滑块但是当内容加载时 JqueryRotate < / strong>停止工作。

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

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

我正在使用所有插件,并且它们工作得很好,然后客户端要求我在导航到其他页面时保持播放列表播放,所以我必须。载入内容然后我得到第一个问题。

我用来旋转按钮的代码:

$("#boton").hover( 
   function () {
            $(".img").rotate({animateTo:180})
        },
         function () {
            $(".img").rotate({animateTo:0})
        }
);

另一个用于下拉菜单:

    $('#boton').click(function () {
$('#dsubmenu').toggle(),
$('.tsubmenu, .tmsubmenu').hide();});

我有哪些选择?我应该搜索另一个插件吗?我一直在浏览,这是最小和最有效的。我不想改变整个网站只是一个按钮,所以CSS3可能是另一种选择?提前感谢您的回答!

[编辑解决!!:我将解决方案留在这里以防有人遇到类似的问题]

我做了Guffa在这篇文章中所说的话(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 });

我在主xhtml中使用header.js包含插件的所有.js,然后我通过AJAX加载了内容,并在回调中添加了滑块工作的功能,与其他页面相同。谢谢Guffa!你救了我!

1 个答案:

答案 0 :(得分:0)

尝试使用.getScripthttp://api.jquery.com/jQuery.getScript/