Javascript не работает, когда я открываю файл HTML в браузере

-1

Почему Javascript отлично работает здесь: Fiddle Javascript не работает, когда я открываю файл HTML в браузере

Но не тогда, когда я сохранить его и завернуть JavaScript в script HTML-теги внутри тегов тела, а затем открыть в браузере. Флажки не отвечают, и все столбцы отображаются в браузере, тогда как некоторые столбцы должны быть скрыты по умолчанию.

<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

try '' –

Я сделал это и поместил его в . Все еще не работает. – 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 файл на ваш пример, в опорном JSFiddle например, они включили JQuery 1.7.2,

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

для запуска выше код JQuery файла должны быть включены в ваш документ.

источник

2015-04-07 10:44:37

ага, да! Добавление jQuery 1.7.2 устраняет проблему! Спасибо! – user3817597

Смежные вопросы