Question

我正面临切换按钮的问题。如果我点击img它应该是空间按下包含内容的img按钮..我试过这段代码

<script>
            $(".image").click(function () {
                $(this).next(".crp-list").toggle();

                $(this).css(".crp-list", "margin-bottom:50px;");
            });
        </script>

代码不起作用..如果我试图用css控制

.crp列表 {

width: 100%;
height: 150px;
border: 1px solid #CCCCCC;
padding: 0px;
list-style: none;
top: 52px;
margin-bottom:50px;
clear:both;

}

Answer 1

你的css语法错了。它可能是 .css(property, value) 。请提供您的html进行验证

$(this).next(".crp-list").css('margin-bottom' , '50px');

Answer 2

 $(".image").click(function () {
  var next= $(this).next(".crp-list");      
         next.toggle();
         next.css('margin-bottom' , '50px'); //use css methods to add property
      });

Answer 3

您对class="crp-list"的元素使用了错误的JQuery选择器。

这是错误的$(this).css(".crp-list", "margin-bottom:50px;");。您不能在单个JQuery函数调用中传递selector和css属性。

您需要先选择元素，然后在其上应用css。请参阅以下代码：

<script>
      $(".image").click(function () {
          var crp_list =  $(this).next(".crp-list");
          $(crp_list).toggle();
          $(crp_list).css("margin-bottom","50px");
       });
</script>

有关css的更多信息，请参阅this。

切换可能不会向下和向上显示

3 个答案: