如何點擊html頁面時突出顯示按鈕？

我在頁面上有四個按鈕，當我點擊其中的一個時，我希望它被突出顯示。如何點擊html頁面時突出顯示按鈕？

這些按鈕用於將數據傳遞給控制器。他們是這樣的：

<button name="region" id="region" type="button" onclick="window.location='/project/Viewdata/index/region/1'" class="current">ALL</button> 
<button name="region" id="region2" type="button" onclick="window.location='/project/Viewdata/index/region/2'" class="current">1st</button>

來源

2013-07-19 user2595861

不能有兩個具有相同ID的元素！ – bfavaretto

按鈕具有重定向代碼。點擊後他們不會重定向嗎？ – user1

是的，這是我面臨的問題，因爲重定向選項其加載基本設置 – user2595861

檢查這個JSFiddle

基本上，你highligt效果結合使用jQuery，按鈕點擊它時，這樣的

$('button').click(function() { 
    $(this).effect("highlight", {color: 'red'}, 3000); 
});

注：如說評論，你永遠不應該在一個頁面上有2個元素具有相同的ID。如果要使用相同的描述符，請使用class而不是id

來源

2013-07-19 13:22:11

以前試過相同的...但它沒有工作...我已經改變了ID的，但仍然沒有結果... – user2595861

你把它包裝在一個'$（document）.ready （function（）{}）;'？ –

@ user2595861我更新了jsfiddle，試試這個：http://jsfiddle.net/3bMVP/21/ –

如何點擊html頁面時突出顯示按鈕？

回答

相關問題