Kann link_to nicht als jquery selector auswählen Rails

Question

Ich bin ein Anfänger Schienen dev. Ich habe diesen link_to Tag mit der Klasse von "comments_link"

%h2= link_to pluralize(@recipe.comments.count, "Comment"), "#", class: "comments_link , btn btn-success" 

, jetzt in application.js i

schrieb

$(document).ready(function(){ 
    $(".comments_link").click(function(){ 
    $(".section").toggle(); 
    });        
}) 

Das Problem mit diesem Code, was auch immer das Element i für Click-Ereignis wählen, Es klappt. Aber wenn ich .comments_link Klasse verwende, funktioniert es nicht. Warum passiert dies?

Alles andere als link_to Tags funktionieren als Ereignis-Listener. Muss ich etwas Code hinzufügen?

Btw ich tat das Gegenteil nur zu versuchen, und es hat funktioniert. Wenn ich auf den Abschnitt klicke, wird der Link umgeschaltet. Die Verbindung kann jedoch kein Ereignis-Listener sein.

$(document).ready(function(){ 
    $(".section").click(function(){ 
    $(".comments_link").toggle(); 
    });        
}); <-- this one worked. I cant use ".comments_link" as event listener. 

Answer 1

Sie haben ein Komma im Klassennamen, von dem ich annehme, dass es den Klassennamen ungültig machen würde. Überprüfen Sie die Entwickler-Tools, um das Element zu prüfen, ob .comment_link tatsächlich existiert. Wenn nicht, entfernen Sie das Komma und versuchen Sie es erneut

Answer 2

try this:

%h2.comments_link= link_to pluralize(@recipe.comments.count, "Comment"), "#",class: "btn btn-success" 

statt:

%h2= link_to pluralize(@recipe.comments.count, "Comment"), "#",class: "comments_link , btn btn-success" 

setzt man die Klasse auf für das Element H2 der andere mit dem Anker in seinem Inneren. scheint, als würden Sie das gesamte Element nicht nur durch den Link im Inneren schalten wollen.

Answer 3

Angenommen, dies ist ein Problem mit turbolinks, können Sie dieses Problem beheben, indem Sie die Standardaktion auf dem Klick in den Ereignishandler zu verhindern (was eine gute Idee ist jedenfalls):

$(document).ready(function(){ 
    $(".comments_link").click(function(e){ 
    e.preventDefault(); 
    $(".section").toggle(); 
    });        
})