簡單的綁定不工作在jQuery中的Radiobutton的IE瀏覽器

Question

嗨，這工作正常在Firefox，但不是IE瀏覽器。我究竟做錯了什麼？我在這裏先向您的幫助表示感謝！

$(document).ready(function(){ 
    $("#radiodiv").buttonset(); 
    $('#radio1').bind("click", function() { 
    alert('Hello'); 
    }); 
} 

<form> 
<div id="radiodiv"> 
    <input type="radio" id="radio1" name="radio" checked="checked" /><label for="radio1">WaveHeight</label> 
    <input type="radio" id="radio2" name="radio" /><label for="radio2">Current</label> 
    <input type="radio" id="radio3" name="radio" /><label for="radio3">WaveHeightDir</label> 
</div> 
</form> 

Answer 1

你有一個語法錯誤在你的JavaScript代碼：

$(document).ready(function(){ 
    $("#radiodiv").buttonset(); 
    $('#radio1').bind("click", function() { 
    alert('Hello'); 
    }); 
} 

應該用closestache（}）被關閉，然後關閉，括號（)），然後一個分號（;）如下：

$(document).ready(function(){ 
    $("#radiodiv").buttonset(); 
    $('#radio1').bind("click", function() { 
    alert('Hello'); 
    }); 
}); 

使用網絡調試工具，如FireBug並用癸烯編輯t syntax-highlighter可以幫助您輕鬆捕捉這些類型的語法錯誤。

Answer 2

我一直有同樣的問題。它看起來像當你在一個單選按鈕組上使用buttonset時，單擊並更改事件不會觸發。我注意到，捕獲標籤上的事件工作正常。 。

<div id="buttonGroup1" class='demo'> 
         <input type="radio" id="radio1" name="radio" /><label for="radio1" class='tabButton'>Top 10 FAQ's</label> 
         <input type="radio" id="radio2" name="radio" /><label for="radio2" class='tabButton'>Last 30 Days</label> 
    </div> 

和

$（ 'tabButton '）點擊（函數（）{ 警報（' 你好'）; }）;