javascript – Jquery plugin creates unwanted # in URL

I have a little piece of javascript to support couple of functions such as navigation on my jquery slider. Recently I have noticed that when you click on the navigation button it does what it suppose to do but also creates an extra character in URL \”#\”. I have checked the script and found where and why it is being added, but how to fix it\’s not added when navigation is clicked, I have no idea. is there any chance that someone can help or at least point me to the right direction. Please see the full code below

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\');

}

Rating: 1 out of 5 based on 3 ratings

Posts Related to javascript - Jquery plugin creates unwanted # in URL

• Jul 10th, 2012 What is the most standard way of declaring an array in JavaScript? (beginer) Tuesday AM 09:43:25


• Aug 15th, 2012 jquery - Having trouble with a form validation plugin Wednesday AM 11:32:34


• Aug 18th, 2012 jquery - Javascript -- Intercepting keyboard presses Saturday PM 16:51:12


• Jul 16th, 2012 GWT Developer Plugin with forwarded JSP Monday AM 11:39:31


• Aug 28th, 2012 javascript - jQuery plugin conflicting with other basic show/hide functions Tuesday AM 05:12:27


• Aug 17th, 2012 switching javascript functions from foreach to for loops Friday AM 02:30:39


• Jul 15th, 2012 png - Take still photographs from a server-attached webcam, using PHP Sunday PM 12:02:04


• Jul 08th, 2012 javascript - Adding JQuery code to a Rails 3.2 app? Sunday PM 18:32:14


• Aug 03rd, 2012 JavaScript and Jquery: How can you call a jquery function from within a javascript function Friday AM 08:42:48


• Jul 09th, 2012 Ruby => Javascript translation Monday AM 01:34:23

The post javascript – Jquery plugin creates unwanted # in URL appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/javascript-jquery-plugin-creates-unwanted-in-url.html