如果用户点击div rel，如何提醒用户？

Question

这是一个wikieditor的代码！

div rel="wikiEditor-ui-view-preview" class="current">

课程更改为“当前＆＃39;当用户点击预览时。如果用户点击“预览”，我该如何提醒用户？

Answer 1

这会嘲弄行为本身。例如，这将切换父类的类以添加current类。只是为了证明这个检查它的课程

$("a").on('click', function() { 
    if ($(this).text() === "Preview") {
        $(this).parent().toggleClass("current");
        checkCurrent();
    }
});

function checkCurrent() {
    if ($('div[rel="wikiEditor-ui-view-preview"]').hasClass("current")) {
        alert("hasClass");
    }
}

这将评估元素在单击时是否具有该特定类，如果有，则会触发警报

jsFiddle就像你想要的那样。

（链接已更新为与您的问题更相似）

Answer 2

您只需激活rel标记上的功能，如下所示：

$('div[rel="wikiEditor-ui-view-preview"]').on('click', function(){ 
  alert('hi');
} );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div rel="wikiEditor-ui-view-preview">
  test working
</div>

你可以将它与这样的类结合起来：

$('div[rel="wikiEditor-ui-view-preview"].active').on('click', function(){ 
  alert('hi');
} );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div rel="wikiEditor-ui-view-preview" class="active">
  test working because active class
</div>

<div rel="wikiEditor-ui-view-preview" class="anotherclass">
  test not working because not active
</div>