jQuery的切换不使用jQuery</p> <p>上页下的负载非常简单的代码的多个元素

Question

我想打一个切换功能将显示在摄氏工作，如果我对温度的文字点击另一个变量保存在温带华氏会出现。

任何人都可以帮助我，我正在做什么错误。

如果我取消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。

如果您的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()