javascript - 如何完成我的模态 ajax 代码以使其正常工作？

Question

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>

JavaScript

$('.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();
}); });

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>

Answer 1

我已经为您创建了一个可行的解决方案我在那里评论了 php 代码并使用了 java 脚本值。但我希望它能帮到你。

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