Не знаю, какой плагин JQuery использовать

0

У меня есть эта часть 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"

Но не получилось.

У меня нет другого скрипта на моем веб-сайте, поскольку я только начал его.

Это всего лишь случай использования неправильного подключаемого модуля?


ОБНОВИТЬ

Это мой полный код:

http://jsfiddle.net/WeQwc/9/

  • 0
    stackoverflow.com/questions/441412/… :)
  • 0
    Пользовательский интерфейс jQuery используется только (как следует из названия) для создания пользовательских интерфейсов с jQuery, то есть таблиц, анимаций, виджетов. Как видно здесь: jqueryui.com . jQuery сам по себе является библиотекой расширений поверх javascript, которая позволяет вам делать намного больше вещей, как показано здесь: ( jquery.com )
Показать ещё 2 комментария
Теги:

2 ответа

1
Лучший ответ

Вам нужно jQuery, а не jQueryUI.

http://code.jquery.com/jquery-latest.min.js

<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", причина, по которой он работал :)

  • 0
    Как я узнаю, какой из них лучше использовать? и где его найти? Извините, я обычно использую только HTML и CSS
  • 0
    @Adsy: основная функциональность jQuery находится в файле jQuery. jquery.com
Показать ещё 4 комментария
1

В настоящее время вы используете только файл 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
  • 0
    Спасибо за исправление, но оно все еще не работает. Я скопировал весь код из JSFiddle, так как он там работает, и дважды проверил его на моем сайте, но он не применяет JS
  • 0
    Сначала включите файл jquery, затем пользовательский интерфейс jquery
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню