jquery - 当页面上有某个类时，如何使 DIV 出现？

Question

我正在使用 Drupal CMS。在 Drupal 中有一个消息 DIV，它有一个类，.message 当出现错误时，该类"error"被添加到消息 DIV。

在我的页面上，我有一个 DIV 类，"instruction" 我希望隐藏此 DIV，并且仅在错误类可见时出现。

这是我的代码：

 (function ($) {
    $(document).ready(function () {
        $(".instruction").hide;
    });

    if ($('.messages').hasClass('error')) {
    $('.instruction').show;
    }

})(jQuery);

但是，它似乎不起作用。我怎样才能让它工作？谢谢你的帮助！

Answer 1

这是一个函数调用，您需要()像这样添加：

$.ready(function() {
    $(".instruction").hide();

    if ($(".messages").hasClass("error")) {
        $(".instruction").show();
    }

});

这是小提琴（从 HTML 中删除“错误”以查看它的工作）。