我想使用非常简单的 jQuery 代码来实现切换功能
加载页面温度时将以摄氏度显示,如果我单击该温度文本,则会出现另一个以华氏度表示温度的变量。
Can anybody please help me, what mistake I am doing.
If I uncomment the
alert
function my code is working fine.
<style>#fahrenn {display:none;}</style>
document.getElementById('temprature').innerHTML='<b>Temprature: </b><span id="celcioussss">'+minTemprtr+'℃ </span><span id="fahrenn">'+tempFar+'℉</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 动态 append HTML。
如果您的 HTML 使用 JS 动态 append 到正文中,那么您需要将事件绑定(bind)到特定元素以使其正常工作。
$(document).on('click', '#celcioussss', function(){
$(this).css("display","none");
$("#fahrenn").toggle();
});
$(document).on('click', "#fahrenn", function(){
$(this).css("display","none");
$("#celcioussss").toggle();
});
更多信息.on()
关于javascript - jQuery Toggle 不适用于多个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39567255/