Простое связывание не работает в IE для Radiobutton в jQuery

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 и редактора с приличной подсветкой синтаксиса, поможет вам легко обнаруживать синтаксические ошибки такого типа.

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'). Click (function () { оповещение ( 'Привет'); });