解决方案 »

  1.   

    不好意思,贴错了,第二种写法是
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <script type="text/javascript" src="jquery.1.7.2.js"></script>
    </head>
    <style>
        .title{width: 300px;height:100px;border: 1px solid #ccc;}
        .close{width: 50px;height:100px;float:right;}
        .title.msover .close{background-color: green;}
    </style>
    <body>
    <div class="title">
        <div class="close">
        </div>
    </div>
    <script>
        $(document).ready(function(){
            $(".title").click(function(){
                alert("ok");
            }).mouseenter(function(e){
                $(this).addClass("msover");
            }).mouseleave(function(e){
                $(this).removeClass("msover");
            });
        });
    </script>
    </body>
    </html>
      

  2.   

    因为第一种写法的时候 title内是的.close为display:none
    第一次点并未触发click, 只触发了over, .close变成了block, 再点就有效了LZ可以试试以第一种写法, 把title设置一个背景颜色, 再看看区别