jQuery не работает (не имеет никакого эффекта) в любом браузере, но он работает в Codepen

Это уже расстраивало меня целую вечность. Я пробовал загружать jQuery как локальный файл, а также ссылался на него как на http. Путь верный, ошибок нет в фактическом коде, потому что он отлично работает в Codepen. Он находится в правильном месте. Я пробовал разместить его как в тегах <head>, так и перед тегом </body>, до сих пор не повезло - ничего не происходит. Вот оно:jQuery не работает (не имеет никакого эффекта) в любом браузере, но он работает в Codepen

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 

<script src="/js/javascript.js"></script>

код Я пытаюсь использовать это:

$(document).ready(function() { 
    $('.item').hover(function() { 
     $(this).stop().animate({ width: '100%' }, 500); 
    }, function() { 
     $(this).stop().animate({ width: '96%' }, 500); 
    }); 
});

Есть ли причина, почему это может быть? Регулярный Javascript отлично работает, и когда я пытался сделать простое оповещение («привет»); он также работает. Это действительно расстраивает, любые предложения приветствуются!

Вот ссылка на Codepen: http://codepen.io/Pea92/pen/WvrXRY

источник

2015-06-17 psm93

Показать скрипт в контексте в HTML. – depperm

вы пробовали просто 'alert ('test')', чтобы узнать, связано ли это с jQuery или вашим кодом? –

Да, я пробовал делать предупреждение («привет»), которое отлично работало. – psm93

-2

Этот код работать для меня, вы должны попытаться с помощью удаления external.js()

<head> 
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> 
    <script> 

    $(document).ready(function(){ 
    $("button").click(function(){ 
    $("p").toggle(); 
    }); 
}); 



$(document).ready(function(){ 
$("button").click(function(){ 
    var div = $("div"); 
    div.animate({left: '100px'}, "slow"); 
    div.animate({fontSize: '3em'}, "slow"); 
}); 
}); 

</script> 

</head> 
<body> 

<br /> 


<button>Click Here</button> 

<p>This is a example of jquery 2.1.1 to show and hide contain on view page     </p> 
<p> below example for animation effect on dataweb view page with jquery 2.1.1 </p> 

    <div style="background:#98bf21;height:100px;width:200px;position:absolute;">Example</div> 
    </body>

источник

2015-06-17 15:19:11

Это рабочий код. У меня есть аналогичный код в моем проекте. –

. Я попробую. Но почему бы не работать во внешнем файле? – psm93

Это не сработало. – psm93

jQuery не работает (не имеет никакого эффекта) в любом браузере, но он работает в Codepen

ответ

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