jQuery Toggle 不适用于多个元素答案

【问题标题】：jQuery Toggle not working with multiple elementsjQuery Toggle 不适用于多个元素
【发布时间】：2016-09-19 07:08:14
【问题描述】：

我想使用非常简单的 jQuery 代码来实现切换功能

页面加载时温度将以摄氏度显示，如果我点击该温度文本，则会出现另一个保持华氏温度的变量。

谁能帮帮我，我做错了什么。

如果我取消注释 alert 函数，我的代码工作正常。

<style>#fahrenn {display:none;}</style>



document.getElementById('temprature').innerHTML='<b>Temprature: </b><span id="celcioussss">'+minTemprtr+'&#8451; </span><span id="fahrenn">'+tempFar+'&#8457;</span>';


<script>
$(document).ready(function(){
  //alert();

    $("#celcioussss").click(function(){
    $(this).css("display","none");
    $("#fahrenn").toggle();
    });

    $("#fahrenn").click(function(){
    $(this).css("display","none");
    $("#celcioussss").toggle();
   });

});
</script>

【问题讨论】：

你是从 JS 动态追加 HTML 吗？如果是，那么您需要将事件绑定到元素。

标签： javascript jquery append toggle jquery-on

【解决方案1】：

您似乎是从 JS 动态附加 HTML。

如果您的 HTML 是使用 JS 动态附加到正文中的，那么您需要将事件绑定到特定元素以使其工作。

$(document).on('click', '#celcioussss', function(){
    $(this).css("display","none");
    $("#fahrenn").toggle();
});

$(document).on('click', "#fahrenn", function(){
    $(this).css("display","none");
    $("#celcioussss").toggle();
});

更多信息.on()

【讨论】：