jQuery Toggle無法使用多個元素

Question

我想使用非常簡單的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>

Answer 1

看來您是從JS動態附加HTML。

如果使用JS將HTML動態附加到正文中，則需要將事件綁定到特定元素以使其起作用。

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

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

有關更多信息.on（）