我的jquery開關有什麼問題

Question

我有div，它的ID是： manufacturer_63 ... 它的風格是：display：none，visibility：hidden。

我寫的是：

$('select.styled2').change(function() { 

    var id = this.value; 

      $.ajax({ 
       type: "GET", 
       url: 'index.php?act=manufacturerHome&id='+id, 
       success: function(data) { 

       $("#manufacturer_"+id).html(data); 
       } 
      }); 

    $("#manufacturer_"+id).css('visibility','visible'); 
    $("#manufacturer_"+id).toggle("slow"); 

}); 

它不會觸發它。 如果我嘗試：

$("#manufacturer_"+id).css('display','block'); 

，而不是切換 - 它的工作原理。

如果我只是切換它的工作。

Answer 1

你確實應該這樣做：

$('select.styled2').change(function() { 
    var id = this.value; 

    $.ajax({ 
     type: "GET", 
     url: 'index.php?act=manufacturerHome&id='+id, 
     success: function(data) { 
      $("#manufacturer_"+id).html(data); 
      $("#manufacturer_"+id).css('visibility','visible'); 
      $("#manufacturer_"+id).toggle("slow"); 
     } 
    }); 
}); 

在你的代碼，該元素將照常顯示Ajax調用是否完成，而這將顯示元素後，才AJAX調用成功。

順便說一句，你不需要display: none和visibility: hidden。只需display: none就足夠了，然後你就可以擺脫$("#manufacturer_"+id).css('visibility','visible');。