Question

我正在尝试编写一个函数来检查.toggle是否有.active，然后它会计算.hidden中的字数并将margin-bottom添加到{{1}因此。

这不起作用：

.portrait-wrapper

任何指导都将不胜感激。

0

Answer 1

hasClass返回一个布尔值，因此您需要在if语句中使用它。另外，当您找到课程时，请不要使用.符号

if($( ".toggle" ).hasClass( 'active')){
    var n = $(".hidden").text().split(" ").length;
    if (n > 1400) {
        $(".portrait-wrapper").css("margin-bottom", "500px");
    } 
    else {
        $(".portrait-wrapper").css("margin-bottom", "100px");
    }
}

Answer 2

不要使用＆＃34;。＆＃34; ＆＃34; hasClass＆＃34;中的类选择器功能。它已经很重要了：

http://api.jquery.com/hasclass/

if ($( ".toggle" ).hasClass('active')) {
}

Answer 3

正如我在评论中发表的那样，有两个问题：

hasClass shouldn't include a "." and returns a boolean
你算错了。使用$(".hidden").text().trim().split(" ").length。阅读.text()，String.prototype.trim()和String.prototype.split()

结果如下：

$('.toggle').click(function() {
    if($(".toggle").hasClass('active')) {
        var n = $(".hidden").text().trim().split(" ").length;
        if (n > 1400) {
            $(".portrait-wrapper").css("margin-bottom", "500px");
        } 
        else {
            $(".portrait-wrapper").css("margin-bottom", "100px");
        }
    }
});

详细说明：在您的示例中，您使用$(".hidden").length。这将返回".hidden"匹配的元素数，但与该字段的内容无关。

Answer 4

使用hasClass函数时，不应使用. - 表示法。请参阅：hasClass docs

Answer 5

.hasClass(className)

方法不会将function作为第二个参数。正如doc所说：

.hasClass（className）班级名称类型：字符串要搜索的类名。

做类似的事情：

$(".toggle").click(function(){
   $(this).hasClass("active") && doTheTrick(); 
   //same as if($(this).hasClass("active)) doTheTrick()
})

function doTheTrick(){
  var n = $(".hidden").text().trim().split(" ").length;
  var margin = n > 1400 ? "500px" : "100px";
  $(".portrait-wrapper").css("margin-bottom", margin)

});

Answer 6

你错误地使用了.hasClass函数也许应该是这样的

$(function(){
    $('.toggle').click(function(){
        if ($( ".toggle" ).hasClass('active'))
        {
            var n = $(".hidden").length;
            if (n > 1400) {
                $(".portrait-wrapper").css("margin-bottom", "500px");
            } 
            else {
                $(".portrait-wrapper").css("margin-bottom", "100px");
            }

        };
    });
});

jQuery：如果字段hasClass，则计算其他字段中的单词

6 个答案: