Wie alarmiere ich den Benutzer, wenn er auf ein div rel klickt?

Question

Dies ist der Code eines Wikieditors!

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

Die Klassenänderungen zu 'Strom', wenn der Benutzer klickt auf Vorschau. Wie kann ich den Benutzer warnen, wenn er auf Vorschau klickt?

Answer 1

Dies verspottet das Verhalten selbst. Zum Beispiel wird dadurch die Klasse des übergeordneten Elements um die Klasse current erweitert. Nur um zu beweisen, dass diese Überprüfung seiner Klasse

$("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"); 
    } 
} 

arbeitet Dies wird bewerten, wenn das Element bestimmte Klasse hat, dass, wenn darauf geklickt, wenn ja dann die Warnung

jsFiddle wie Feuer, was Sie wollen.

(wurde der Link aktualisiert, um Ihre Frage mehr ähnlich zu sein)

Answer 2

Sie können einfach aktivieren, um eine Funktion auf einem rel Tag wie folgt:

$('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>

Und kann man das mit einer Klasse wie folgt aus:

$('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>