jquery + div не будет правильно скрываться с помощью .hide (), когда имеет блок свойств?

Question

jquery + div не будет правильно скрываться с помощью .hide (), когда имеет блок свойств?

0

У меня есть div, который добавлен в мой html с добавлением...

Затем я спрячу его с $('#'+q).hide(); где q - имя переменной моего div.

это работает 100%.

При срабатывании я показываю div с $('#'+q).show(); , снова это работает на 100%, а div показан.

моя проблема в том, что когда я хочу снова скрыть его, $('#'+q).hide(); не работает. нет ошибок javascript, он просто не работает.

Сгенерированный html, когда показан div: <div id="30" class="form" style="display: block;">

Я пытаюсь скрыть этот div с помощью $('#'+q).hide(); где переменная q = 30. Я подтвердил значение q.

это не работает, html остается неизменным.

firebug выделяет html, когда $('#'+q).hide(); вызывается, но не меняет его, поэтому кажется, что он обновляется, просто неправильно.

любые идеи.

Спасибо, как всегда, приветствует

JustStarting 28 нояб. 2013, в 12:22

Источник

0

Похоже, проблема делегирования?
Alvaro 28 нояб. 2013, в 10:52
0

Можете ли вы показать свой код в контексте? В идеале, если бы вы могли уменьшить его до минимальной выборки, которая демонстрирует проблему на jsfiddle.net , которая действительно поможет нам помочь вам. «это не работает, HTML остается прежним» - Где вы смотрите на HTML? Браузер не обновляет HTML для страницы при внесении изменений, он обновляет DOM.
nnnnnn 28 нояб. 2013, в 10:59

Теги:

jquery

html

css

hide

2 ответа

Ещё вопросы

Можете ли вы показать свой код в контексте? В идеале, если бы вы могли уменьшить его до минимальной выборки, которая демонстрирует проблему на jsfiddle.net , которая действительно поможет нам помочь вам. «это не работает, HTML остается прежним» - Где вы смотрите на HTML? Браузер не обновляет HTML для страницы при внесении изменений, он обновляет DOM.

Kishori · Answer 1 · 2013-11-28T10-07-00.000Z

Попробуйте спрятаться по-другому.

$('#'+q).css('display','none');

.hide() внутренне меняет display:none свойство для display:block. Так что если вы .hide() не работают по какой-то причине, то вы можете попробовать код выше. То же самое верно и для.show(), т.е.

$('#'+q).css('display','block');

может использоваться для .show().

Пожалуйста, предоставьте немного больше деталей, например, почему это решает проблему, если возможно, с соответствующими ссылками на документацию.
Конечно, Арне. Спасибо за ваш комментарий.
Что касается вашего объяснения, если .hide() пытается сделать это внутренне, и это не работает, зачем работать с .css() ?
@ nnnnnn, насколько я понимаю, если версия js старше, она может не понимать функцию .show (). не уверен, что я прав. Я буду рад узнать точный ответ. Пожалуйста, дайте мне знать, если вы знаете об этом.

Bernhard Kraus · Answer 2 · 2013-11-28T10-03-00.000Z

Сначала вы можете использовать плагин FireFox Web Developer для просмотра сгенерированного кода после его изменения JS/Jquery. Веб-разработчик Firefox

Легче использовать toggle() для отображения и скрытия элементов. Можете ли вы опубликовать код, который вызывает функции show() hide() для вашего элемента?

Я попытался воспроизвести некоторый код в следующем примере:

Пример скрипта

Существует блок div:

<div id="30" class="form" style="display: block;">I am there</div>
<button>Toggle</button>

И вы скрываете это:

$("#30").hide();

Затем вы можете переключаться с помощью кнопки:

$("button").click(function() {
    $("#30").toggle();
});

Добавив div и кнопку в тело, код будет выглядеть так:

Пример скрипта

$("body").append('<div id="30" class="form" style="display: block;">I am there</div><button>Toggle</button>');
$("#30").hide();
$("button").click(function() {
    $("#30").toggle();
});

Надеюсь это поможет.