2015-03-30 53 views
3

我有一個封閉的系統,而無法編輯html/css文件。 它產生這樣的:如何刪除鏈接並添加功能

<li> 
    <a href="exp.html">Linktext</a> 
</li> 

我想刪除href屬性,並用slideToggle函數替換它。

到目前爲止,我已經嘗試寫這樣的事情:

$('li').removeAttr('href'); 
$('li').click(function(){ 
    $('#example').slideToggle(); 
}); 

我需要保持<a>標籤爲它的造型。對於那些誰喜歡它here is a fiddle!

回答

5

這使我的心是防止你的頁面從導航到exp.html第一件事:

$('li').click(function(e){ 
    e.preventDefault(); 
    $('#example').slideToggle(); 
}); 

基本上,通過防止這種<a>元素的click的默認操作,就可以停止頁面導航到exp.html並一次打電話$("#example").slideToggle();

+0

是的。 preventDefault()是要走的路! – 2015-03-30 17:47:33

+0

我目前正在使用手機,但這是否會阻止點擊包含鏈接的默認行爲?假定處理程序連接到父項,那麼在事件傳播時不會默認行爲已經發生?我沒有,也不能輕易地檢查,但直觀地感覺它不應該工作。 – 2015-03-30 17:48:08

+0

@DavidThomas嗯,這是一個很好的觀點,將做出一個快速編輯 – 2015-03-30 17:50:34