Javascript Can';t在PJAX加载后运行脚本
我正在使用PJAX进行一个项目。 我有一个名为#icerikAlani的容器,用PJAX加载其内容。 以下是基本布局:Javascript Can';t在PJAX加载后运行脚本,javascript,php,jquery,html,pjax,Javascript,Php,Jquery,Html,Pjax,我正在使用PJAX进行一个项目。 我有一个名为#icerikAlani的容器,用PJAX加载其内容。 以下是基本布局: <div class="container" id="icerikAlani" data-pjax-container> <!-- NIVO SLIDER --> <div class="row"> <div class="col-md-8"> <div id=
<div class="container" id="icerikAlani" data-pjax-container>
<!-- NIVO SLIDER -->
<div class="row">
<div class="col-md-8">
<div id="slider" class="nivoSlider"> SLIDER CONTENT HERE... </div>
</div>
</div>
<!-- SCROLLING LOGOS -->
<div class="row">
<div class="col-md-12">
<div id="logoParade"> SCROLLING LOGOS HERE... </div>
</div>
</div>
</div>
滑块内容在这里。。。
在这里滚动徽标。。。
这个容器中还有另外两个脚本标记,分别用于Nivo Slider和Smooth Div Scroller插件。
问题是,当我导航到一个页面并返回主页时,脚本标记停止工作
我试图通过使用pjax:end语句来解决这个问题,但我无法使它工作,然后我尝试了pjax:success,如下所示,但仍然没有运气。(正如我在这里读到的:)
有没有一种方法可以在不重新加载页面的情况下使用这些脚本
这是关于PJAX和Smooth Div Scroller脚本的脚本:
<script type="text/javascript">
$(document).pjax('a','[data-pjax-container]', { fragment: "#icerikAlani" } );
//THIS IS HOW I ACTIVATE PJAX
$(document).on('pjax:beforeSend', function() {
$('#icerikAlani').fadeOut(50);
});
//WORKS...
$(document).on('pjax:end', function() {
$('#icerikAlani').fadeIn(400);
});
//WORKS...
$(document).on('ready pjax:success', function() {
$("#logoParade").smoothDivScroll({
autoScrollingMode: "always",
autoScrollingDirection: "endlessLoopRight",
autoScrollingStep: 1,
autoScrollingInterval: 25
});
//FAILS...
});
</script>
$(document.pjax('a','[datapjax-container]',{fragment:#icerikAlani});
//这就是我激活PJAX的方式
$(document).on('pjax:beforeSend',function()){
$(#icerikAlani')。淡出(50);
});
//工作。。。
$(document).on('pjax:end',function()){
$(#icerikAlani')。fadeIn(400);
});
//工作。。。
$(document).on('ready pjax:success',function(){
$(“#logoParade”).smoothDivScroll({
自动交叉模式:“始终”,
自动克隆方向:“EndlessLopRight”,
自动克隆步骤:1,
自动克隆间隔:25
});
//失败。。。
});
您可以检查完整的代码
因为我对javascript没有经验,所以在完成项目之前,这个问题对我来说就像一堵墙。希望找到可以同时使用滑块和滚动条的工具。可能是您的脚本导致了错误。 试试Firefox和Firebug,看看你是否发现了什么