Javascript Jquery单击功能在单击时不工作

我面临触发jquery单击函数的问题。我想使用jquery隐藏电话号码和电子邮件。电话号码和电子邮件只能通过单击

标签来查看

下面是我已经编写的jquery函数

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

}();    

运行代码时，我单击数字标签，但没有任何更改。

您的代码如下：

function() {
  // code 
}();  

不要那样工作。将函数包装到（）s中：

它是有效的

您还可以“激活”该功能。最好的风格取决于争论。我所建议的就是选择一个并始终如一地使用它

您的代码如下所示：

function() {
  // code 
}();  

不要那样工作。将函数包装到（）s中：

它是有效的

您还可以“激活”该功能。最好的风格取决于争论。我所建议的就是选择一个并始终如一地使用它

---

只需要对js进行一个小的修复。 看到它工作了吗

---

只需要对js进行一个小的修复。 看到它工作了吗

---

您的代码有哪些地方不起作用？您是否收到特定的错误消息？它加载后什么都不做吗？请阅读以下关于如何在本网站上提问的文章：你的

active

类的css代码在哪里？当它处于非活动状态时，你有css吗？使用

$（“#phone”）。单击（）

或

phone。单击（）

--你不需要额外的“$”了。你应该检查浏览器的控制台是否有错误，如果你不能根据这些错误解决问题，应该将它们包括在你的问题中。你的代码有什么不起作用？您是否收到特定的错误消息？它加载后什么都不做吗？请阅读以下关于如何在本网站上提问的文章：你的

active

类的css代码在哪里？当它处于非活动状态时，你有css吗？使用

$（“#phone”）。单击（）

或

phone。单击（）

--你不需要额外的“$”了。你应该检查浏览器的控制台是否有错误，如果你不能根据这些错误解决问题，请将它们包括在你的问题中。这是工作，谢谢。在我打上美元标志后，我想干什么就干什么。这就是工作，谢谢。我在打上美元符号后，就可以随心所欲地工作了。谢谢你的纠正：）谢谢你的纠正：）

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