Jquery Klick-Funktion funktioniert nicht, wenn geklickt

Question

Ich habe ein Problem, jquery Klick-Funktion auszulösen. Ich möchte Telefonnummer und E-Mail mit jquery verstecken. Die Telefonnummer und E-Mail können nur sehen, wenn Sie das <p> Tag verwenden.

Unten ist meine jquery Funktion, die ich bereits schreibe;

function() { 
    var $phone = '123456123', 
     $email = 'info@youremail.com', 
     phone = $('#phone'), 
     email = $('#email'); 

    $(phone).click(function() { 
     var text = $(this).text() == $phone ? 
      'Click to view number' : $phone; 
     $(this).text(text).toggleClass("active"); 
    }); 

    $(email).click(function() { 
     var text = $(this).text() == $email ? 
      'Click to view email' : $email; 
     $(this).text(text).toggleClass("active"); 
    }); 

}();  

Wenn ich den Code ausführen, klicke ich auf die Anzahl Tag, aber nichts ändern.

Answer 1

benötigt nur ein kleines Update auf js. anzeigen here Arbeits

$(function() { 
    var $phone = '123456123', 
      $email = 'info@youremail.com', 
      phone = $('#phone'), 
       email = $('#email'); 

    $(phone).click(function() { 
     var text = $(this).text() == $phone ? 
      'Click to view number' : $phone; 
     $(this).text(text).toggleClass("active"); 
    }); 

    $(email).click(function() { 
     var text = $(this).text() == $email ? 
      'Click to view email' : $email; 
     $(this).text(text).toggleClass("active"); 
    }); 
});  

Answer 2

Ihr Code ist wie:

function() { 
    // code 
}(); 

IIFEs nicht so. Wickeln Sie die Funktion in() s:

(function() { 
    // code 
})(); 

Und es funktioniert.

Es gibt other ways für Sie, um die Funktion auch "zu aktivieren". Der beste Stil liegt im Streit. Alles, was ich empfehle, ist eins auszuwählen und es konsequent zu benutzen.

See jsbin demo here.