fadeto不工作jquery

时间:2011-05-27 07:18:46

标签: jquery

我的所有代码都运行良好。我在脚本中实现了jquery的淡出效果,但是这个函数不能正常工作.hide()而不是fadeto()。请帮我。非常感谢你。

$(function() { 
    $( "#slider").slider({ 
       stop: function(event, ui) {
            $("#list").fadeTo("fast", 0.03);
              $.ajax({
              url: "search.php",
              cache: false,
              async: false,
             data: "",
                  success: function(html){
                $("#list").fadeTo("fast", 1);
                $("#list").html(html);

              }
            });

         }
    });
});

我在点击时显示简单的HTML表格。这是我的桌子

    <table cellpadding="2" cellspacing="2" border="0" width="500px">
    <tr class="title">
        <td align="center" width="10%" bgcolor="#CCCCCC">Shape</td>
        <td align="center" width="11%"bgcolor="#CCCCCC">Weight</td>
        <td align="center" width="11%"bgcolor="#CCCCCC">Certificate</td>
        <td align="center" width="12%"bgcolor="#CCCCCC">Cut</td>
        <td align="center" width="10%"bgcolor="#CCCCCC">Color</td>
        <td align="center" width="10%"bgcolor="#CCCCCC">Clarity</td>
        <td align="center" width="12%"bgcolor="#CCCCCC">Price</td>
        <td align="center" width="12%"bgcolor="#CCCCCC">View Detail</td>

    </tr>
    <tr>
        <td align="center" width="10%">&nbsp;</td>
        <td align="center" width="11%">&nbsp;</td>
        <td align="center" width="12%">&nbsp;</td>
        <td align="center" width="10%">&nbsp;</td>
        <td align="center" width="10%">&nbsp;</td>
        <td align="center" width="12%">&nbsp;</td>
        <td align="center" width="12%">&nbsp;</td>
    </tr>
</table>

1 个答案:

答案 0 :(得分:0)

如果你试图淡入/淡出桌子。你没有桌面上的id!

<table cellpadding="2" cellspacing="2" border="0" width="500px">

应该是

<table id="list" cellpadding="2" cellspacing="2" border="0" width="500px">