Question

我尝试动画div基本上向左滑动并移出视野，但它根本不起作用，我无法弄清楚原因。我已经添加了下面的代码，当然，我已经包含了jQuery脚本。

HTML

<div class="site-main" id="main">

<div class="main-content" id="main-content">
    <div class="closeContent"><i class="fa fa-times"></i></div>
    <div class="content-area" id="primary">

        <article class="post-22 page type-page status-publish hentry" id="post-22">

           <div class="innerRightCol">
               <h2>Text</h2>
           </div>

        </article><!-- #post-## -->
    </div><!-- #primary -->
</div><!-- #main-content -->

</div>

CSS

.site-main {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    margin-left: 255px;
    position: relative;
    top: 0;
    width: 560px;
}

JS

$(document).ready(function() {
    $(".closeContent").click(function (){
        $(".main-content").animate({"margin-left": '-=255px'});
    });
});

Answer 1

.closeContent为空，除非您添加一些文字或为div提供宽度和高度，否则无法点击。

jQuery margin-left不起作用

1 个答案: