2011-09-05 117 views
3

我有一個以前工作的網站,使用一個小的jQuery腳本來觸發圖像與類內容幻燈片動畫滾動時,並顯示包含內容時單擊和隱藏在單擊時再次等。,這在我的主要頁面中工作得很好(例如:index.html),但在我的子目錄頁面上不起作用(例如:subdir/code/howcssworks.html),並且我認爲這是由於相對鏈接路徑不再有效。jQuery內容滑塊與RELATIVE鏈接

這裏是jQuery腳本。

$(document).ready(function() { 

var slideState = "closed"; 

$('div.content').hide(); 

$('img.contentslide').click(function() { 
    $('div.content').toggle(1500,function() { 
     if (jQuery.browser.msie) {       // Lines 15-17 = special treatment for IE, because of 
      this.style.removeAttribute('filter');   // lack of support for ClearType font rendering on items 
     }             // being toggled in jQuery. 
    }); 
     if (slideState == 'closed') { 
      $('img.contentslide').attr('src','images/website/hidecontentstd.png'); 
      slideState = "open";  

     } else { 
      $('img.contentslide').attr('src','images/website/showcontentstd.png'); 
      slideState = "closed"; 
     } 
}); 

$('img.contentslide').hover(function() { 
    if (slideState == 'closed') { 
     $(this).attr('src','images/website/showcontenthvr.png'); 

    } else { 
     $(this).attr('src','images/website/hidecontenthvr.png'); 
    } 
}, 
function() { 
    if (slideState == 'open') { 
     $(this).attr('src','images/website/hidecontentstd.png'); 

    } else { 
     $(this).attr('src','images/website/showcontentstd.png'); 
    } 
} 
); 

return false; // If JS is disabled - show extra content automatically 

}); 

我的問題是:我怎麼能更改jQuery腳本相對連結路徑所以它可以正確處理兩者的主要網頁和我的網站的子頁面?

回答

0

而是這樣一個環節:

images/website/hidecontentstd.png 

你需要這樣的:

/images/website/hidecontentstd.png 

這假定您images文件夾位於yoursite.com/images