Question

当您点击具有引用它的rel标记的链接时，我正在尝试构建显示更多元素的功能。

    <div class="reveal-more"><a href="#" rel="#new-deals">View More Deals &#9660;</a></div>

$(".reveal-more a").click( function() {
    var moreContainer = $(this).attr('rel');
    var moreContainerHeight = $("'" + moreContainer + "'").height;
    alert(moreContainerHeight);

    return false;
});

Chrome不断抛出错误 - 语法错误，无法识别的表达式：'＃new-deals'

Answer 1

您似乎遇到了包装变量的问题，尝试将代码更改为以下内容，我发现它可以正常工作。代码如下：

<div class="reveal-more"><a href="#" rel="#new-deals">View More Deals &#9660;</a></div>

    $(".reveal-more a").click( function() {
        var moreContainer = $(this).attr('rel');
        var moreContainerHeight = $(moreContainer).height();
        alert(moreContainerHeight);

        return false;
    });

我相信你的问题是你有一个字符串对象，当jQuery自动处理时，你在''中包装了字符串。

编辑：修改后的代码

Answer 2

我认为这是因为你要求一个班级的高度。

你真的需要询问身份证的高度。

一个类可能与一系列div有关，所有div都有不同的高度。

当我尝试从rel标签获取元素的高度时，为什么会出现错误？

2 个答案: