我正在使用 AJAX 将内容加载到 div 中,我还没有找到另一种方法来实现我所需要的。我在顶部有一个播放列表,每次用户点击新页面时,歌曲都会重新开始,所以我不得不使用 AJAX 加载内容而不重新加载页面。
然后我遇到了第一个问题:如果我在加载的文件本身中包含 Jquery 和该内容所需的插件,我加载的内容就完美了,在这种情况下,一个滑块,但是当加载内容时JqueryRotate停止工作。
我将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 });
我将所有插件的 .js 包含在带有 header.js 的主 xhtml 中,然后我通过 AJAX 加载内容并在回调中添加了滑块工作的功能,与其他页面相同。谢谢古法!你救了我!