jQuery顯示功能簡要閃爍

我對web開發和jQuery非常陌生。我試圖在Ruby on Rails中將我的第一個jQuery方法添加到我的代碼中。我有一個CSS類jQuery顯示功能簡要閃爍

.list-group-item{ 
    display: none; 
}

和JS功能

$(document).ready(function(){ 

    $(".list-group").click(function(){ 
    $(".list-group-item").show(); 
});  

});

我與警報測試它，警報出現。當我嘗試運行這個時，列表組短暫閃爍然後立即消失。我相信這是一個簡單的錯誤。我已經嘗試在文檔函數之前添加return false，沒有改變。感謝您承認我的noob問題:)

來源

2013-11-14 NoobException

你的html是怎麼樣的？另請參閱是否可以爲此問題創建演示 – PSL

.list-group-item鏈接？如果是這樣，這聽起來像網頁正在重新加載，因爲你沒有返回false。需要類似的東西：

$(document).ready(function(){ 
    $(".list-group").click(function(){ 
    $(".list-group-item").show(); 
    return false; 
    });  
});

這樣做會阻止鏈接在執行任何其他操作後會顯示與list-group-item類的鏈接。

來源

2013-11-14 20:43:35 fanfavorite

是的。我在第一次錯誤的函數後添加了返回false，它修復了 – NoobException

有什麼我可以添加以保留鏈接功能？ – NoobException

你打算怎麼做？保留鏈接功能會使頁面加載任何鏈接，除非鏈接中有javascript，這不是很好的編碼習慣。這樣做沒有意義。 – fanfavorite

您需要將return false;放在show()函數之後...假定列表項是鏈接。 return false;可防止選擇器的默認行爲。所以如果它是一個鏈接，它會阻止鏈接運行 - 或被解僱。

$(document).ready(function(){ 
    $(".list-group").click(function(){ 
     $(".list-group-item").show(); 

     return false; // add this here 
    });  
});

來源

2013-11-14 20:44:35

jQuery顯示功能簡要閃爍

回答

相關問題