我正在研究一个普通的bootstrap主题,其中包含js滑块,弹出窗口,文本旋转,砌体盒子等。
主题包含所有相关的js库和main.js
所有这些都会通过ajax在用户指定的操作上加载新内容。
这是用于文本旋转的js / ajax: 在下面的示例中,我必须调用“ $('。text-rotation')。owlCarousel”,以使文本旋转正常工作。
function getCon(type,id) { var postData = { id: id, type: type} $.ajax({ url : 'getcontent.php', type : 'post', data : postData, success : function( resp ) { var cont = $('#cont', resp).html(); $('#conta').after(cont); $('.text-rotation').owlCarousel({ loop: true, dots: false, nav: false, margin: 10, items: 1, autoplay: true, autoplayHoverPause: false, autoplayTimeout: 3800, animateOut: 'zoomOut', animateIn: 'zoomIn' }); } }); }
不调用“ $('。text-rotation')。owlCarousel”时,它仅以列表格式显示文本。
为了使所有ajax加载内容均能在所有部分(即滑块,弹出窗口等)上正常工作。我必须找到相关的主题功能,并在各自的ajax函数上对它们进行编码。
我是否可以在ajaxComplete上调用任何预定义的js代码,因此所有ajax内容都可以在页面加载时正常工作?
我试图从ajax成功内的“ getScript”函数调用main.js,但无法正常工作。.
答案 0 :(得分:1)
简短的答案是:不。
jQuery代码对代码运行时存在的DOM起作用;如果稍后再添加到DOM,则jQuery代码没有任何通用的方法可以回过头来对新元素进行操作,就好像它们首先就在其中一样。
您的选择是