我正在使用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!你救了我!