Невозможно выбрать элементы с помощью jquery после загрузки html () в Internet Explorer 8, Firefox работает нормально

Question

У меня есть следующий код, который работает в display:none; классе: divtab1

function ToggleTab(tab_id)
{
 $('.divtab1').html('<div class="promo2">Testing</div>...more');
 $('.promo2').css("border", "1px solid gray");
}

HTML-документ:

<a href="javascript:ToggleTab(1);">try</a>

<div class="divtab"></div>

Он отлично работает в Mozilla, но не в IE,Фактические данные поступают из ajax-запроса, но в IE ничего нельзя выбрать!

Answer 1

Вы делаете JQuery немного неправильно, вместо того, чтобы писать глобальные функции и использовать javascript: в атрибуте href вы должны добавить обработчик событий к рассматриваемому тегу, попробуйте это:

$(function(){
    $('.someclass').click(function(){
        $('.divtab').html(...);
        $('.promo2').css("border", "1px solid gray");
    });
});

Затем просто добавьте class="someclass" к вашему тегу <a> (или к любому другому тегу), и вам не нужно добавлять javascript-содержимое в ваш href, на самом деле я бы рекомендовал не использовать <a>, так как это даже не ссылка.

Answer 2

У вас нет <div class="divtab1"></div> в HTML.

Исправьте его на

<a href="javascript:void(0);" id="toggle_div">try</a>

<div class="divtab1"></div>

И попробуйте еще раз

$(document).ready(function() {
    $('#toggle_div').click(function() {
        $('.divtab1').html('<div class="promo2">Testing</div>...more');
        $('.promo2').css("border", "1px solid gray");
    });   
});

Смотрите здесь http://jsfiddle.net/PhMmC/5/