Я использую Popover Bootstrap, чтобы показать ошибку или предупреждение пользователям, когда они нажимают кнопку «Удалить».Когда кнопка нажата, установите флажок Поповер-Bootstrap и установите флажок?
- Если пользователи не нажимают кнопку и не нажимают кнопку => Ошибка отображения Popover: «Вы должны выбрать некоторые записи!».
- Если пользователи установили флажок и нажмите кнопку => Popover show alert: "Вы уверены?"
и я позвоню ajax, чтобы удалить эти записи.
Мой код, как:
<script>
$(document).ready(function(){
if('#btn-delete').click(function(){
var isChecked = $('#ckbox').attr('checked') ? true : false;
if(isChecked==false)
{
$(this).popover({
title:'Alert',
content:'You should choose some records !',
html:true,
trigger:'focus'
return false;
})
else if(isChecked==true)
{
$(this).popover({
title:'Alert',
content:'Are you sure ?',
html:true,
// in here , i want to add button in popover like "Ok" , and then call AJAX
}
}
})
});
</script>
<html>
<body>
<div class="row">
<button type="button" id="btn-delete">Delete</button>
</div>
<table>
<thead>
<tr>
<th><input type="checkbox" id="checkall"/></th>
<th>ProductId</th>
<th>ProductName</th>
<th>ProductCat</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" id="ckbox"/></td>
<td>1</td>
<td>prod001</td>
<td>5</td>
</tr>
<tr>
<td>2</td>
<td>prod002</td>
<td>4</td>
</tr>
<tr>
<td>3</td>
<td>prod003</td>
<td>7</td>
</tr>
</tbody>
</table>
</body>
</html>
Как я могу это сделать?
Отправить код, что вы пытались таким образом я могу редактировать мой ответ соответственно – mean
http://stackoverflow.com/questions/12333585/twitter-bootstrappopovers-are-not-showing-up-on- first-click-but-show-up-on-seco – Ranjan
http://stackoverflow.com/questions/17963329/bootstrap-popover-works-after-one-click-javascript – Ranjan