[英]Bootbox modal is not showing up if I click on a link that contains an “href”
Ok so I am using bootbox which works perfectly, but when I want to send variables in a link with PHP then all javascript works but not the bootbox. 好的,所以我正在使用启动箱,它可以完美运行,但是当我想在PHP的链接中发送变量时,所有的JavaScript都可以运行,但是启动箱却不能。
----This works---- ----这有效----
<a href='#' class="alert_without_href">I dont have an href</a>
<script>
$(document).ready(function()
{
$('a.alert_without_href').on('click', function()
{
alert('This works');
bootbox.alert("This ALSO works");
});
});
</script>
----This doesn't work---- ----这不起作用----
<a href="?name=Jacob" class="alert_with_href">I have an href</a><br><br>
<script>
$(document).ready(function()
{
$('a.alert_with_href').on('click', function()
{
alert('This works');
bootbox.alert("This one DOESNT work"); <---- PROBLEM IS HERE
alert('This also works');
});
});
</script>
----And then finally to display---- ----然后最后显示----
<?php
if ($_SERVER['REQUEST_METHOD'] === 'GET')
{
echo 'Hello ' . $_GET["name"];
}
?>
I do need to pass a variable in the link, it cannot be taken out. 我确实需要在链接中传递变量,但无法将其取出。 How can I fix this?
我怎样才能解决这个问题?
Thanks in advance 提前致谢
----EDIT---- I added an image of a table below with an explanation of what exactly has to be done ----编辑----我在下面添加了一张表格的图片,其中说明了必须执行的操作
--ONLY READ IF YOU SAW THE IMAGE-- So each link under "Action" in the table creates a link with a variable of the user's unique ID. -仅当您看到图像时才阅读-因此,表中“操作”下的每个链接都会创建一个带有用户唯一ID变量的链接。 When it is clicked I check if $_GET['remove_id'] is set and then run a MySQL query to delete that person with that ID.
单击它时,我检查是否设置了$ _GET ['remove_id'],然后运行MySQL查询以删除具有该ID的那个人。
So basically the idea of Bootbox is to be a confirmation message if you want to delete the user, I don't want to use normal alert('') because that can be disabled. 因此,基本上,如果要删除用户,Bootbox的想法是作为一条确认消息,我不想使用普通的alert(''),因为可以将其禁用。
ps the delete function does work, I just want to add a confirmation now using bootbox. ps删除功能确实有效,我现在只想使用bootbox添加确认。
Bootstrap (and therefore Bootbox) modals do not generate blocking events, so if you want something to happen when you click on a hyperlink, you need to prevent the default behavior (page navigation). Bootstrap(以及Bootbox)模态不会生成阻止事件,因此,如果您希望在单击超链接时发生某些事情,则需要防止默认行为(页面导航)。 Something like:
就像是:
<a href="?name=Jacob" class="alert_with_href">I have an href</a><br><br>
<script>
$(document).ready(function() {
$('a.alert_with_href').on('click', function(e) // <-- add an event variable
{
e.preventDefault(); // <-- prevent the event
bootbox.alert("I am an alert!");
});
});
</script>
Since you said you want to confirm something, use bootbox.confirm and some AJAX: 既然您说过要确认某件事,请使用bootbox.confirm和一些AJAX:
<a href="?name=Jacob" class="alert_with_href" data-name="Jacob">I have an href</a><br><br>
<script>
$(document).ready(function() {
$('a.alert_with_href').on('click', function(e) // <-- add an event variable
{
e.preventDefault(); // <-- prevent the event
var data = { name = $(this).data('name') };
bootbox.confirm("Really delete?", function(result){
if(result){
$.post('your-url', data)
.done(function(response, status, jqxhr){
// do something when successful response
})
.fail(function(jqxhr, status, error){
// do something when failure response
});
}// end if
}); // end confirm
});
});
</script>
I also added a data-attribute to make it easier to get the value for posting (don't use a GET request to perform a delete action). 我还添加了一个数据属性,以使其更易于获取发布值(不要使用GET请求执行删除操作)。 I would assume you would reload the page on a successful delete, or you can use
.remove
to remove the "row" containing the item you're removing 我认为您将在成功删除后重新加载页面,或者可以使用
.remove
删除包含要删除项目的“行”
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.