#javascript #jquery #html
#javascript #jquery #HTML
Вопрос:
Я относительно новичок в javascript и jQuery. Я работаю над веб-приложением, в котором у меня есть вкладки jQuery в документе markdown. Чтобы поддерживать чистоту, я сохранил свой javascript в отдельном документе, а не в markdown. Вот мой javascript, который находится в tabs.js
:
$(document).ready(function() {
$( "div.tabs" ).tabs();
});
Вот уценка со встроенными html и javascript
<html lang="en">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="/stylesheets/docs.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script src="/javascripts/tabs.js"></script>
{% include resources.html %}
Requirements
------------------
<body>
<div class="tabs">
<ul>
<li><a href="#tabs-1">C#</a></li>
<li><a href="#tabs-2">Javascript</a></li>
</ul>
<div id="tabs-1">
<pre class="prettyprint">Some C# code</pre>
</div>
<div id="tabs-2">
<pre class="prettyprint">Some Javascript Code</pre>
</div>
</div>
</body>
Когда я запускаю этот код на локальном хосте, все работает отлично, но когда я его развертываю, я получаю Uncaught TypeError: undefined is not a function
сообщение об ошибке сразу после этой строки: $( "div.tabs" ).tabs();
Есть идеи, почему это происходит? Буду признателен за любую помощь.
Комментарии:
1. Загружается
tabs.js
ли при развертывании? Проверьте вкладку сеть и консоль2. есть ли какой-либо другой код, в
tabs.js
котором может быть вызовnoConflict()
3. Вы можете проверить tabs.js загрузив его сам по себе. Укажите свой браузер следующим образом:
http://website.com/javascripts/tabs.js
. Выполняет ли tabs.js печать скрипта на странице?4. да, я вижу сценарий, когда я перехожу к
http://website.com/javascripts/tabs.js
5. Не удается воспроизвести. jsfiddle.net/isherwood/XBLAY