У меня есть эта часть JS:
var count = $(".parent a").length;
$(".parent div").width(function(){
return ($(".parent").width()/count)-5;
}).css("margin-right","5px");
Но, похоже, он не работает на моем веб-сайте, хотя он отлично работает на JSFiddle
Я использовал "http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"
Но не получилось.
У меня нет другого скрипта на моем веб-сайте, поскольку я только начал его.
Это всего лишь случай использования неправильного подключаемого модуля?
ОБНОВИТЬ
Это мой полный код:
Вам нужно jQuery, а не jQueryUI.
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function() {
var count = $(".parent a").length;
$(".parent div").width(function(){
return ($(".parent").width()/count)-5;
}).css("margin-right","5px");
});
</script>
Просто чтобы выяснить, почему это работает, окружая ваш код jQuery с помощью $ (function() {...}); означает, что он будет запускаться только после завершения загрузки страницы. Поэтому, если вы действуете на html-элементах, это полезно. Вы заметите, что ваш jFiddle JavaScript запущен "onLoad", причина, по которой он работал :)
В настоящее время вы используете только файл jQuery UI
js
http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js
Сначала вам нужно сначала использовать файл jQuery
min js ядра, а затем js файл jQuery UI
.
http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js