Кнопка JavaScript не отображается

Question

Кнопка JavaScript не отображается

0

Следующий код создает синюю кнопку на одном конце строки таблицы, которая ссылается на страницу подробностей для клиента, которой вы являетесь (строка, в которой вы находитесь). Этот код работает в Firefox, но в Internet Explorer кнопки не отображаются, поэтому вы не можете попасть на страницу подробностей. Может ли кто-нибудь предложить решение для этого, которое будет работать как в IE, так и в Firefox?

$('#account-table tbody tr').each( function () {
            //nCloneTd.innerHTML = '<a href="../two/'+this.id+'"><button class="btn   btn-mini btn-primary" type="button">Detail</button></a>';
            nCloneTd.innerHTML = '<a href="'+this.id+'"><button class="btn btn-mini   btn-primary" type="button">Detail</button></a>';
            nCloneTd.id = "detail_cell";
            nCloneTd.className = "center";
            nCloneTd.bgColor = "white"
            this.insertBefore(  nCloneTd.cloneNode( true ),   this.childNodes[this.childNodes.length] );
          });

Gary Ridley 03 янв. 2014, в 20:38

Источник

0

'<a href="' похоже, что это не сработает. Возможно ""<a href=""" ?
Cilan 03 янв. 2014, в 18:47
0

Лучше использовать document.createElement для создания якоря и кнопки и использовать nCloneTd.appendChild для добавления его в TD.
Anup Vasudeva 03 янв. 2014, в 18:47
1

последнее утверждение: не должно ли быть this.appendChild (...) вместо this.insertBefore?
Anup Vasudeva 03 янв. 2014, в 18:49
1

@ManofSnow ManofSnow Нет, я почти уверен, что у него есть то, что он хочет. Что касается вопроса, какую версию IE вы используете? Я знаю, что некоторые не поддерживают insertBefore . Можете ли вы сказать нам, что DevTools говорят в консоли?
Jordan 03 янв. 2014, в 18:49
1

Поскольку вы уже используете jQuery, почему бы не продолжить, используя var nCloneTd = $('<a href= ... ') а затем $(this).append(nCloneTd) или $(this).prepend(...)
Albert Xing 03 янв. 2014, в 18:56
0

Вместо этого используйте nClodeTd = $ ("<a>", {id: "myID", "class": "myClass"});
Anup Vasudeva 03 янв. 2014, в 19:03
0

IE версия 10.0.4.
Gary Ridley 03 янв. 2014, в 19:04
0

Что касается комментария Альберта Син, я не писал этот код, а унаследовал его в проекте, над которым мы работаем.
Gary Ridley 03 янв. 2014, в 19:06

Показать ещё 6 комментариев

Теги:

javascript

jquery

html

internet-explorer

firefox

1 ответ

Ещё вопросы

'<a href="' похоже, что это не сработает. Возможно ""<a href=""" ?
Лучше использовать document.createElement для создания якоря и кнопки и использовать nCloneTd.appendChild для добавления его в TD.
последнее утверждение: не должно ли быть this.appendChild (...) вместо this.insertBefore?
@ManofSnow ManofSnow Нет, я почти уверен, что у него есть то, что он хочет. Что касается вопроса, какую версию IE вы используете? Я знаю, что некоторые не поддерживают insertBefore . Можете ли вы сказать нам, что DevTools говорят в консоли?
Поскольку вы уже используете jQuery, почему бы не продолжить, используя var nCloneTd = $('<a href= ... ') а затем $(this).append(nCloneTd) или $(this).prepend(...)
Вместо этого используйте nClodeTd = $ ("<a>", {id: "myID", "class": "myClass"});
Что касается комментария Альберта Син, я не писал этот код, а унаследовал его в проекте, над которым мы работаем.

shrey150 · Answer 1 · 2014-01-03T20-09-00.000Z

Как насчет изменения nCloneTd.innerHTML = '<a href="'+this.id+'"><button class="btn btn-mini btn-primary" type="button">Detail</button></a>';

to nCloneTd.innerHTML = "<a href='"+this.id+"'><button class='btn btn-mini btn-primary' type='button'>Detail</button></a>";

Не работает Кнопки также не отображаются с этим изменением.