Использование тега <button>и jQuery в IE8

Question

У меня есть простая строка кода Javascript

$('<button>').attr({ 'type': 'button' }).css({ 'cursor': 'pointer' }).text('Button').click(function  () { alert('clicked'); }).appendTo($('#btn'));

HTML-код еще проще

<div id='btn'>Click this button</>

Все работает при запуске этого кода FF, как показано здесь на jsfiddle http://jsfiddle.net/kevinle/jJbNt/6/. Но он не работает на IE8.

Каково было бы объяснение (была ли задокументирована эта проблема где-то, что я пропускаю) и каков был бы обход?

Answer 1

Может быть, правильно закрыть элемент <div>?

<div id='btn'>Click this button</div>

РЕДАКТИРОВАТЬ

ОК, проверил его более тщательно и обнаружил, что вызов .attr() приводил в тупик JavaScript JavaScript.двигатель.После удаления этого из вашей цепочки jQuery, он работал в IE8.

Если вы подумаете об этом, так как вы в любом случае создаете <button>, вам не нужно устанавливать type в "button".

$('<button>')
    //.attr({ 'type': 'button' })
    .css({ 'cursor': 'pointer' })
    .text('Button')
    .click(function  () { 
        alert('clicked'); 
    })
    .appendTo('#btn')
    ;

http://jsfiddle.net/9xUj5/

Answer 2

У вас куча проблем:

1. В старых версиях IE есть некоторые проблемы с тегом <button>, которые могут быть или не быть вашей проблемой здесь.
2. В теге кнопки отсутствует атрибут типа.
3. Вам не хватает закрывающей </div> в вашем HTML.
4. Вы должны использовать <input type="button"> вместо.

См. Здесь: http://jsfiddle.net/jfriend00/e8eGW/ для рабочей версии.

<div id='btn'>Click this button</div>

$('<input type="button" value="Button">').css({ 'cursor': 'pointer' }).click(function  () { alert('clicked'); }).appendTo($('#btn'));

Answer 3

Это работает для меня для ie8

Jquery:

$('button.buttonLink').click(function(){
  window.location = $(this).parent('a').attr('href');
});

HTML:

<a href="logout.php"><button class="buttonLink">LOGOUT</button></a>

Answer 4

Кажется, что IE8 и старше имеют проблемы с анализом атрибута 'type'.Удаление этого или обновление jQuery до 1.7 исправляет проблему.

Answer 5

просто возьмите .attr(...), и он будет работать нормально ( пример ).

button не имеет атрибута типа, который виден в IE из JavaScript;ты думал о input?

Answer 6

Попробуй http://jsfiddle.net/jJbNt/16/ - Не должно быть, попробуйте.