Блог

Главная - Вопросы по программированию - Установка ширины класса div с помощью jQuery не работает

Установка ширины класса div с помощью jQuery не работает

#javascript #jquery #html #css

#javascript #jquery #HTML #css

Вопрос:

Я смотрю на некоторую работу, в которой есть замечательный пример плохого кода; Я не могу изменить классы, поэтому мне приходится иметь с этим дело.

У меня есть три горизонтальных контейнера и 6 классов div с использованием nice-selectbox. 3 — это divs и задаются некоторым jQuery, к которому я не могу прикоснуться, а 3 — классы выбора.

Я хочу установить для третьего экземпляра div nice-selectbox значение width: 150%, но мне не повезло.

 <div class="horizontal-three-container third">
    <h3 class="header-step">Heading</h3>
    <div class="nice-selectbox">
        <span class="select-text">Option 1</span>
        <select class="nice-selectbox" name="search">
            <option value="null">Please Select</option>
            <option id="search_1" value="1" selected="selected">Option 1</option>
            <option id="search_2" value="2">Option 2</option>
            <option id="search_3" value="3">Option 3</option>
        </select>
    </div>
</div>

Я пробовал:

 $('div.nice-selectbox:eq(2)').css('width', '150%');

$('.third div.nice-selectbox').css('width', '150%');

И это все еще не работает. Он попадает только в класс select.

Был бы признателен за любую помощь. Спасибо.

ОБНОВЛЕНИЕ с помощью скрипки: http://jsfiddle.net/QAxLQ/1 /

Похоже, здесь работает. Я не уверен, что происходит.

Комментарии:

1. куда вы добавили код??

2. вы пробовали функцию ширины: $('div#somediv').width('70%');

3. @MilindAnantwar Вверху страницы. Это определенно работает, поскольку изменяет элемент выбранного класса.

4. Вариант 3 имеет НЕПРАВИЛЬНЫЙ HTML

5. Он работает нормально, проверьте эту скрипку jsfiddle.net/QAxLQ

Ответ №1:

Поскольку кажется, что он работает в JSFiddle, это означает, что вы не включили jQuery на страницу, где он используется.

Добавление чего-то вроде:

 <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

Устранит проблему, с которой вы столкнулись. jQuery должен быть включен на страницу через ссылку на скрипт, иначе любой написанный вами jQuery не будет работать.

Просто собираюсь продемонстрировать его, включив код, работающий с jQuery.

ДЕМОНСТРАЦИЯ ЗДЕСЬ

Комментарии:

1. Это, казалось, было проблемой. У меня была более старая версия. Спасибо, чувак!

2. @DarkShadowAY Это распространенная проблема, это должно быть первое, что вы делаете при использовании jQuery. Также приветствую вас.

Метки: