JQuery radyo düğmesi grubu/tıklandığında değiştirildiğinde ve öğeleri göstermek veya gizlemek için kullanıyorum. IE 6 ve Firefox gibi tarayıcılar, ama gayet iyi çalışıyor ve 7 eylem yalnızca kullanıcı daha sonra başka bir yerde bu sayfada tıklattığında oluşur.

Eğer sayfa yük zaman özenli, her şey yolunda görünüyor. Firefox bir radyo düğmesini tıklatın, bir tablo satırı gizli ve diğeri de hemen gösterilir. Ancak, 7, 'IE 6 radyo düğmesi ve hiçbir şey seni bir yerlere sayfasında' i kadar olacak. O zaman sayfa yeniden çizmek IE ve ilgili öğeleri gizleme.

İşte kullandığım bir WordPress kullanmak:

$(document).ready(function () {
  $(".hiddenOnLoad").hide();

  $("#viewByOrg").change(function () {
    $(".visibleOnLoad").show();
    $(".hiddenOnLoad").hide();
  });

  $("#viewByProduct").change(function () {
    $(".visibleOnLoad").hide();
    $(".hiddenOnLoad").show();
  });
});

İşte bunu etkileyen XHTML parçası. Tüm sayfayı XHTML 1.0 Kesin olarak doğrular.

<tr>
  <td>View by:</td>
  <td>
    <p>
      <input type="radio" name="viewBy" id="viewByOrg" value="organisation"
      checked="checked" />Organisation</p>
    <p>
      <input type="radio" name="viewBy" id="viewByProduct" value="product" />Product</p>
  </td>
</tr>
<tr class="visibleOnLoad">
  <td>Organisation:</td>
  <td>
    <select name="organisation" id="organisation" multiple="multiple" size="10">
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
    </select>
  </td>
</tr>
<tr class="hiddenOnLoad">
  <td>Product:</td>
  <td>
    <select name="product" id="product" multiple="multiple" size="10">
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
    </select>
  </td>
</tr>

Eğer kimse bunun neden ve nasıl düzeltebilirim herhangi bir fikir varsa, çok takdir olurdu!

.change yerine .click kullanmayı deneyin.