Блог

Не знаю, возможно ли это..

У меня есть ASP.Net страница, на которой есть скрытый div. Когда пользователь выполняет какую-то определенную функцию, div становится видимым ( display='block' ). Это происходит в VB.Чистый код отстает по многим причинам.

 dvDetail.Style("display") = "block"
  

Мне нужно, чтобы какой-нибудь jQuery назначил плагин для текстового поля, которое находится в скрытом div, но у меня возникла проблема с этим — я немного новичок в jQuery. Кажется, что текстовое поле не существует на странице после его загрузки из-за display='none' div в то время, и к тому времени, когда пользователь выполняет действие, которое вызывает отображение div, для этого слишком поздно, $(document).ready потому что оно уже запущено. Я протестировал функциональность в нескрытой части страницы, и jQuery работает просто отлично.

В ответ на многие из ваших прекрасных ответов — следующий тестовый код максимально приближен к тому, что мне действительно нужно — он действительно работает, но это приводит к тому, что скрытый div становится видимым при первой загрузке страницы, что мне не нужно.

 $(document).ready(function () {
    $('[id$=dvDetail]').show(function () {
        $('[id$=btnDelete]').click(function () {
            alert('Delete clicked');
        });
    });
});
  

У меня нет опыта с asp.net но если элемент (div) загружен в DOM, jQuery должен быть в состоянии найти его, скрыт он или нет. Вы проверили, действительно ли элемент загружается в DOM. Вы могли бы проверить это (и отладить javascript) с помощью инструментов разработчика Chrome или firebug от FF.

Попробуйте поместить свой код jquery за пределы $(document).готовая функция, но убедитесь, что она существует после текстового поля html.

Есть разница между ASP.NET свойство control .Visible = False и атрибут CSS display: none — если для элемента управления установлено значение .Visible = False , элемент управления никогда не отображается на стороне клиента, и в результате никакие клиентские скрипты не смогут его найти.

Проверьте, как сказал jcane86, чтобы убедиться, что элемент управления действительно отображается на стороне клиента — он может не отображаться, но он должен быть в фактическом выводе HTML страницы. Если он там есть, jQuery должен быть в состоянии его найти (и если вы отлаживаете Javascript с помощью выбранных вами инструментов браузера, вы можете протестировать с $("#MyClientSideId").show() в своей консоли JavaScript, как сказал Хантер).

Вы можете получить все скрытые элементы следующим образом:

$("div:hidden").each(function(){
alert($(this).attr("id"));
});


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

Рассмотрим следующий html:

 <div style="" id="hide">
  <textarea ></textarea>
</div>
  

Я могу манипулировать скрытым текстовым полем с помощью jquery, а затем показывать его в конце цепочки.

  $("#hide").children('textarea')
.text('hello there')
.css({width: '300px', height: '300px', padding: '5px', border: '1px solid #ccc'})
.parent().show();
  

Надеюсь, это поможет. Приветствия

PS: Если элемент загружается позже, например, после завершения подготовки документа, вам нужно будет привязать событие, чтобы приведенный выше код заработал, используя метод .bind() или мой любимый .делегировать()