JavaScript的工作不

-1

为什么JavaScript的工作在这里很好：Fiddle JavaScript的工作不

但不是当我保存它，并在script html标签包装body标签内的JavaScript，然后在浏览器中打开。复选框不响应，所有列都显示在浏览器中，而某些列默认情况下应该隐藏。

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>čezožinski odnosi</title> 
<link rel="stylesheet" type="text/css" href="timeline.css"> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js"></script> 
<script> 

$(document).ready(function() { 
if($("#opt1").is(":checked")){ 
    $("#col1").show(); 
    $(".data1").show(); 
}else{ 
    $("#col1").hide(); 
    $(".data1").hide(); 
} 
if($("#opt2").is(":checked")){ 
    $("#col2").show(); 
    $(".data2").show(); 
}else{ 
    $("#col2").hide(); 
    $(".data2").hide(); 
}  
if($("#opt3").is(":checked")){ 
    $("#col3").show(); 
    $(".data3").show(); 
}else{ 
    $("#col3").hide(); 
    $(".data3").hide(); 
} 
if($("#opt4").is(":checked")){ 
    $("#col4").show(); 
    $(".data4").show(); 
}else{ 
    $("#col4").hide(); 
    $(".data4").hide(); 
} 


$("#opt1").live('click', function() { 
    if($("#opt1").is(":checked")){ 
    $("#col1").show(); 
    $(".data1").show(); 
}else{ 
    $("#col1").hide(); 
    $(".data1").hide(); 
} 
}); 

$("#opt2").live('click', function() { 
    if($("#opt2").is(":checked")){ 
    $("#col2").show(); 
    $(".data2").show(); 
}else{ 
    $("#col2").hide(); 
    $(".data2").hide(); 
} 
}); 
$("#opt3").live('click', function() { 
    if($("#opt3").is(":checked")){ 
    $("#col3").show(); 
    $(".data3").show(); 
}else{ 
    $("#col3").hide(); 
    $(".data3").hide(); 
} 
}); 
$("#opt4").live('click', function() { 
    if($("#opt4").is(":checked")){ 
    $("#col4").show(); 
    $(".data4").show(); 
}else{ 
    $("#col4").hide(); 
    $(".data4").hide(); 
} 
});  
}); 

</script> 

</head>

来源

2015-04-07 user3817597

尝试'' –

我这样做，并把它放在。仍然不起作用。 – user3817597

你有没有包含相应的jQuery文件？ – Pugazh

你是指jQuery的1.11+，并使用$("#opt4").live(..)

现场被depricated jQuery的1.7+

使用$("#opt4").on()代替。（使用.on，无论你使用的是什么地方.live）

请参阅this正在工作。

来源

2015-04-07 10:36:48 wonderbell

嗨，是的，你的小提琴作品的例子很好，但是当我将它复制粘贴到头部并将其包裹在

看来你还没有列入的jquery.js文件到您的例子中，他们已经包括jQuery的1.7.2，

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

上面的代码jQuery的文件运行应纳入参考的jsfiddle例子你的文件。

来源

2015-04-07 10:44:37

啊哈，是的！添加jQuery 1.7.2修复了这个问题！谢谢！ – user3817597

JavaScript的工作不

回答

相关问题