2
У меня есть элемент таблицы:Показать Модальные С динамически вставленный кнопки
<table id="postcon-table-success" class="table table-hover">
</table>
и я вставлять строки динамически в таблице:
postConTable = "<tr><td><input id=\""+value.processId+"-details\" type=\"button\" class=\"btn btn-primary view-details\" value=\"View Details\" /></td></tr>";
$("#postcon-table-success").append(postConTable);
здесь кнопка ID в качестве динамической переменной (ProcessId), а затем по «-значению» eg.230002-details, где 230002 является идентификатором processID.
Теперь я нажав кнопку
$('#postcon-table-running').on('click',".view-details", function() {
console.log(this.id);
$('#myModal').modal('show');
});
который вызова функции JQuery и журнал становится распечатанный: 230002-детали
Но его не показывая модальный, который находится в теге тела ,
<body id="fixedbody" data-spy="scroll" data-target=".bs-docs-sidebar">
<div id="master-container" class="container-fluid">
<div id="myModal" class="modal hide fade" tabindex="-1" aria-hidden="true">
<div class="modal-header">
<h3 id="myModalLabel">Please wait</h3>
</div>
<div class="modal-body">
<p>We are fetching data</p>
</div>
</div>
Просьба помочь.
В ADD-, когда я создаю свой модальный элемент в родительском теге '# postcon-table-running', он работает. Но я не могу сделать так, потому что я хочу реализовать тот же функционал из различных кнопок в разных других div.
Вы видите модальный html с помощью firebug или источника страницы? возникают ли ошибки в консоли ошибок? – Mivaweb
Строки таблицы добавляются к '# postcon-table-success', но обработка щелчка делегируется' # postcon-table-running'. Вы уверены, что это правильно? –