jQuery模式打开也链接,我也不想

时间:2019-01-28 08:09:45

标签: jquery bootstrap-modal

我正在使用https://jquerymodal.com/中的第4个示例的jquery模态,但是当我使用该代码并单击链接..时,模态打开了,而且链接也打开了..而我只想不打开模式链接,因为该链接中的内容以该模式打开。所以我该怎么办请帮忙

<script 
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"> 
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery- 
modal/0.9.1/jquery.modal.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery- 
modal/0.9.1/jquery.modal.min.css" />

<a href="product.php?id=12" rel="modal:open" class="btn-primary btn-xss">Order</a>

2 个答案:

答案 0 :(得分:0)

尝试删除元素内部的链接:

<a rel="modal:open" class="btn-primary btn-xss">Order</a>

答案 1 :(得分:0)

看看他们的示例:https://jquerymodal.com/ajax.html

它仅包含以下内容:

<h1>Hello there!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

查看您的product.php,并确保它返回的是非常基本的HTML内容。例如,当您导航到product.php?id=12时,它应该只返回要显示在模式中的HTML:

PHP

<?php
// GET Request
$id = $_GET['id'];
// SQL Login and Query code here
// $product = array(name, desc)
$html = "<div class='product-title'>{$product['name']}</div>\r\n";
$html .= "<div class='product-desc'>{$product['desc']}</div>\r\n";
// Close SQL Connection
echo $html;
?>

这将有助于确保您具有所需的HTML输出。然后,您可以在HTML页面中按预期运行代码:

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery- 
modal/0.9.1/jquery.modal.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"> 
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>

<a href="product.php?id=12" rel="modal:open" class="btn-primary btn-xss">Order</a>

希望有帮助。