Javascript 如何完成我的模态ajax代码以正确工作？

HTML

<?php foreach (range(0, 29) as $rs) { ?>
<a data-toggle="modal" href="#" data-href="rsc1<?php echo $rs;?>" class="link">rsc1<?php echo $rs;?></a><br/>
<?php } ?>

<div id="dialog-modal"></div>

PHP

<?php
$i = $_GET['i'];
echo $i;  ?>

如何在模式对话框中打开url？请给我一个演示我的这个功能。我可能需要一个css和一些html代码。 啊，我也在用这个：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

---

我认为正确的JS源代码是：

 $('.link').on('click', 'a[data-toggle="modal"]', function (e) {
     var linkValue = $(this).attr('data-href');

     $.ajax({
         cache: false,
         type: 'GET',
         url: 'details.php',
         data: 'i=' + linkValue,
         success: function (data) {
             $('#dialog-modal').html(data).dialog();
         }
     });
     e.preventDefault();
 });

---

您的元素是动态创建的，因此事件不会附加到这些元素

所以试试这个

$(document).on('click','.link',function(e){

});

---

我已经为您创建了一个有效的解决方案 我已经在那里对php代码进行了注释，并使用了java脚本值。但我希望它能帮助你

---

[演示][http://jsfiddle.net/gdVLs/]

您的答案与问题中的代码有什么不同？e.preventDefault（）；”的位置有误。按照@cubitouch的建议更正代码后，如果仍然不起作用，请确保将脚本添加到标记

之后的任何位置，或将脚本附加到加载事件。谢谢！你帮了我！再次感谢你！还有一件坏事。。例如，我想在弹出窗口中添加我的'data href'值作为变量，它可以用作从sql获取信息的工具。。如何以正确的方式做到这一点？我已经更新了代码，请再次检查演示，下面的代码添加了他们的$（'.ui对话框标题'）.html（linkValue）；刷新了代码，但代码相同。。我需要将一些数据从sql导入到弹出的对话框窗口中。我需要通过url

data href

value中的变量从sql中提取数据。例如，

data href=rsc10

，因此我可以通过ajax将变量

$i=rsc10

放入该对话框窗口，以从sql中提取一些数据。是否检查了以下url？如上所述，jsfiddle.net/vishalj/gdVLs/3

$(document).on('click','.link',function(e){

});