新手到jquery - 淡出对我不起作用

时间:2012-04-22 19:42:06

标签: jquery fadeout

任何人都可以理解为什么这个简单的代码不起作用:

    <script src="/jQuery/jquery-1.7.2.min.js" type="text/javascript"></script>

    <script type="text/javascript">
//<![CDATA[

        $(document).ready(function() = {
        $('div.FadeOutMessageBox').click(function () { $(this).fadeOut("slow"); });
        };
        //]]>
    </script>

    <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server" />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>

                <div id="FadeOutBox" class="FadeOutMessageBox">
                     thank you bla bla
                     click this message to make it go away
                </div>
...

它假设在页面上放置一些简单的div,点击后淡出。但是当我点击这个div时没有任何反应。

3 个答案:

答案 0 :(得分:2)

$(document).ready(function() = {

应该是

$(document).ready(function(){

编辑:您还需要确保关闭所打开的所有({

答案 1 :(得分:2)

<script type="text/javascript">
    $(function() {
        $('div.FadeOutMessageBox').click(function () { $(this).fadeOut("slow"); });
    });
</script>

试试这个!

  

1:您在function()和{

之间意外添加了a =      

2:“$(function(){”实际上与“$(document).ready(function(){”相同,所以这是一个很好的捷径!

     

3:你最后错过了。

答案 2 :(得分:1)

你错过了最后一个),所以准备好永远不会关闭:

});