Javascript Jquery插件在URL中创建不需要的#
我有一小段javascript来支持两个函数,比如jquery滑块上的导航。最近我注意到,当你点击导航按钮时,它会做它想做的事情,但也会在URL“#”中创建一个额外的字符。我已经检查了脚本,找到了添加的位置和原因,但如何修复单击导航时未添加的问题,我不知道。有没有可能有人可以帮助我,或者至少给我指出正确的方向。请参阅下面的完整代码Javascript Jquery插件在URL中创建不需要的#,javascript,jquery,url,Javascript,Jquery,Url,我有一小段javascript来支持两个函数,比如jquery滑块上的导航。最近我注意到,当你点击导航按钮时,它会做它想做的事情,但也会在URL“#”中创建一个额外的字符。我已经检查了脚本,找到了添加的位置和原因,但如何修复单击导航时未添加的问题,我不知道。有没有可能有人可以帮助我,或者至少给我指出正确的方向。请参阅下面的完整代码 var fadeTimer; var slideSpeed = 8000; jQuery(document).ready(function() { // add na
var fadeTimer;
var slideSpeed = 8000;
jQuery(document).ready(function() {
// add nav buttons
var slideCount = jQuery('#fader ul li').length;
var randomnumber=Math.floor(Math.random()* slideCount);
for ($i = 0; $i < slideCount; $i++) {
jQuery('#faderNav').prepend('<a href="#"><\/a>');
}
jQuery('#faderNav a').eq(randomnumber).addClass('active');
jQuery('#fader ul li').eq(randomnumber-1).addClass('active');
var next = jQuery('#fader ul .active').next();
if (next.length > 0) {
} else {
var next = jQuery('#fader ul li:first');
}
jQuery('#fader ul .active').fadeOut().removeClass('active');
next.fadeIn().addClass('active');
// work out nav width
var navBtn = jQuery('#faderNav a');
var navBtnWidth = navBtn.outerWidth(true);
var navWidth = navBtn.length * navBtnWidth;
// set nav width
jQuery('#faderNav').width(navWidth);
// add negative margin to center the nav
var negMarg = navWidth / 2;
jQuery('#faderNav').css({'margin-left':'-'+negMarg+'px'});
// start timer
var fadeTimer = setInterval("faderTimer()", slideSpeed);
jQuery('#faderNav a').live('click',function() {
clearInterval(fadeTimer);
var index = jQuery(this).index('#faderNav a');
jQuery('#faderNav a').removeClass('active');
jQuery('#faderNav a').eq(index).addClass('active');
jQuery('#fader ul .active').fadeOut().removeClass('active');
jQuery('#fader ul li').eq(index).fadeIn('slow').addClass('active');
});
});
// FADE FUNCTION
function faderTimer() {
var next = jQuery('#fader ul .active').next();
if (next.length > 0) {
} else {
var next = jQuery('#fader ul li:first');
}
var navIndex = next.index('#fader ul li');
jQuery('#faderNav a').removeClass('active');
jQuery('#faderNav a').eq(navIndex).addClass('active');
jQuery('#fader ul .active').fadeOut().removeClass('active');
next.fadeIn('slow').addClass('active');
}
var-fadeTimer;
var slideSpeed=8000;
jQuery(文档).ready(函数(){
//添加导航按钮
var slideCount=jQuery('#fader ul li')。长度;
var randomnumber=Math.floor(Math.random()*slideCount);
对于($i=0;$i0){
}否则{
var next=jQuery(“#fader ul li:first”);
}
jQuery('#fader ul.active').fadeOut().removeClass('active');
next.fadeIn().addClass('active');
//计算导航宽度
var navBtn=jQuery('faderNav a');
var navBtnWidth=navBtn.outerWidth(真);
var navWidth=navBtn.length*navBtnWidth;
//设置导航宽度
jQuery('#faderNav').width(navWidth);
//添加负边距以使导航居中
var negMarg=导航宽度/2;
jQuery('#faderNav').css({'margin-left':'-'+negMarg+'px'});
//启动计时器
var fadeTimer=setInterval(“faderTimer()”,slideSpeed);
jQuery('#faderNav a').live('click',function(){
清晰间隔(衰减时间);
var index=jQuery(this).index('#faderNav a');
jQuery('#faderNav a')。removeClass('active');
jQuery('#faderNav a').eq(index.addClass('active');
jQuery('#fader ul.active').fadeOut().removeClass('active');
jQuery('#fader ul li').eq(index).fadeIn('slow').addClass('active');
});
});
//衰减函数
函数faderTimer(){
var next=jQuery('#fader ul.active').next();
如果(next.length>0){
}否则{
var next=jQuery(“#fader ul li:first”);
}
var navIndex=next.index(“#fader ul li”);
jQuery('#faderNav a')。removeClass('active');
jQuery('#faderNav a').eq(navIndex).addClass('active');
jQuery('#fader ul.active').fadeOut().removeClass('active');
next.fadeIn('slow').addClass('active');
}
使用
href=“#”
单击锚定将向url添加哈希符号
使用默认值或返回false:
jQuery(document).on('click', '#faderNav a', function(e) {
e.preventDefault();
clearInterval(fadeTimer);
var index = jQuery(this).index('#faderNav a');
jQuery('#faderNav a').removeClass('active');
.eq(index).addClass('active');
jQuery('#fader ul .active').fadeOut().removeClass('active');
jQuery('#fader ul li').eq(index).fadeIn('slow').addClass('active');
});
使用
href=“#”
单击锚点将向url添加哈希符号
使用默认值或返回false:
jQuery(document).on('click', '#faderNav a', function(e) {
e.preventDefault();
clearInterval(fadeTimer);
var index = jQuery(this).index('#faderNav a');
jQuery('#faderNav a').removeClass('active');
.eq(index).addClass('active');
jQuery('#fader ul .active').fadeOut().removeClass('active');
jQuery('#fader ul li').eq(index).fadeIn('slow').addClass('active');
});
添加一个
返回false
到的末尾,单击处理程序。这将防止页面导航到href
属性的值。添加返回false
到的末尾,单击处理程序。这将阻止页面导航到href
属性的值