自动向上滚动页面javascript滑块(我自己创建)
所以我创建了javascript滑块,当页面转到下一个选项卡时,它会自动将页面拉上。您可以在页面中测试它,您将看到如何修复它?它会将页面向上拉,好像会有href=“#top”和,但没有类似的内容 代码-自动向上滚动页面javascript滑块(我自己创建),javascript,jquery,Javascript,Jquery,所以我创建了javascript滑块,当页面转到下一个选项卡时,它会自动将页面拉上。您可以在页面中测试它,您将看到如何修复它?它会将页面向上拉,好像会有href=“#top”和,但没有类似的内容 代码- <script type="text/javascript"> jQuery(document).ready(function() { var time = <?php echo $data['tab1_speed']; ?>
<script type="text/javascript">
jQuery(document).ready(function() {
var time = <?php echo $data['tab1_speed']; ?>;
var tripleboxTitle = jQuery("triplebox-tab-title");
setInterval(function() {
tripleboxTitle.click(function(){
clearInterval();
});
var currentTab = jQuery('.triplebox-tab-active').attr("tab");
var newTab = Number(currentTab)+1;
if(newTab > 3) {
newTab = 1;
}
console.log(newTab);
jQuery(".triplebox-tab-title").removeClass('triplebox-tab-active');
jQuery('#triplebox-widget-tab'+newTab).addClass('triplebox-tab-active');
jQuery(".triplebox-tab-default").hide();
jQuery(".triplebox-tab-default").removeClass('triplebox-tab-default');
jQuery("#triplebox-widget-tab"+newTab+"-widget").addClass('triplebox-tab-default').fadeIn(300);
}, time);
});
</script>
<a id="triplebox-widget-tab1" tab="1" class="triplebox-tab-title triplebox-tab-active" <?php if($data['use_color'] == 'default') { ?>style="color: <?php echo $data['color_text']; ?>; background: <?php echo $data['color_tabs']; ?>;" <?php } ?>><?php echo $data['tab1_name']; ?></a>
<a id="triplebox-widget-tab2" tab="2" class="triplebox-tab-title" <?php if($data['use_color'] == 'default') { ?>style="color: <?php echo $data['color_text']; ?>; background: <?php echo $data['color_tabs']; ?>;" <?php } ?>><?php echo $data['tab2_name']; ?></a>
<a id="triplebox-widget-tab3" tab="3" class="triplebox-tab-title" <?php if($data['use_color'] == 'default') { ?>style="color: <?php echo $data['color_text']; ?>; background: <?php echo $data['color_tabs']; ?>;" <?php } ?>><?php echo $data['tab3_name']; ?></a>
<div id="triplebox-widget-tab1-widget" class="triplebox-widget triplebox-tab-default" <?php if($data['use_color'] == 'default') { ?>style="background: <?php echo $data['color_content']; ?>; color: <?php echo $data['color_text']; ?>;"<?php } ?>>
<?php echo $content; ?>
</div>
<div id="triplebox-widget-tab2-widget" class="triplebox-widget" style=" <?php if($data['use_color'] == 'default') { ?>background: <?php echo $data['color_content']; ?>; color: <?php echo $data['color_text']; ?>;<?php } ?> display: none;">
<?php echo $content2; ?>
</div>
<div id="triplebox-widget-tab3-widget" class="triplebox-widget" style=" <?php if($data['use_color'] == 'default') { ?>background: <?php echo $data['color_content']; ?>; color: <?php echo $data['color_text']; ?>;<?php } ?> display: none;">
<?php echo $content3; ?>
</div>
jQuery(文档).ready(函数(){
var时间=;
var tripleboxTitle=jQuery(“triplebox选项卡标题”);
setInterval(函数(){
tripleboxTitle.click(函数(){
clearInterval();
});
var currentTab=jQuery('.triplebox选项卡处于活动状态').attr(“选项卡”);
var newTab=编号(currentTab)+1;
如果(newTab>3){
newTab=1;
}
控制台日志(newTab);
jQuery(“.triplebox-tab-title”).removeClass('triplebox-tab-active');
jQuery('#triplebox小部件选项卡'+newTab).addClass('triplebox-tab-active');
jQuery(“.triplebox选项卡默认值”).hide();
jQuery(“.triplebox-tab-default”).removeClass('triplebox-tab-default');
jQuery(“#triplebox小部件选项卡”+newTab+“-widget”).addClass('triplebox-tab-default').fadeIn(300);
},时间);
});
您需要传递函数“intervalID”
所以,
谢谢,不知怎么错过了;)!
var tripleboxTitle = jQuery("triplebox-tab-title");
var myIntvID = setInterval(function() {
...
tripleboxTitle.click(function(){
clearInterval(myIntvID);
});