0

目前我有一个详细的页面列表，其中包含所有链接，例如page.phpcontains page.php?id=1, page.php?id=2, page.php?id=3, page.php?id=4..etc。现在我只想提供一个预览按钮，点击该按钮而不导航到这些页面，我可以在弹出/模式框中显示内容而不移动到这些页面？我被这个 id 概念困住了，我怎么能做到这一点。任何来源/链接都是非常可观的。

4

2 回答 2

1

好吧，您可以像 Stardev 所说的那样在那里混合一些 ajax，但是如果您需要一个简单的解决方案，请尝试这个Url 预览脚本（请检查它）非常干净或支持 iframe 的灯箱。可以在此处找到一个大列表，请检查此链接以了解一下:)

例如，如果你尝试 ajax，我会是这样的： Jquery:

$("a").click(function() {
....
    $.ajax({
           type: "POST",
           url: "page.php",
           data: "id="+id,
           success: function(){
                  $('#mymodal').html('This is my image'); //Your div
           }
         }); ....

漂亮的照片HTML

<href="..." rel="prettyPhoto[ajax]">My image</a>

如果您使用 iframe 解决方案：

<href="..." rel="prettyPhoto[iframe]">My image</a>

我希望它有帮助！

于 2012-06-07T12:44:47.283 回答
0

您可以根据单击的按钮使用 jQuery 执行 AJAX 调用，以在对话框中加载页面：

$('.previewButton').click(function(){        
    // determine which page ID to load 
    // based on the button that was clicked
    var pageID = ...;

    // fetch the page
    $.get('page.php', {page: pageID}, function(data) {
        // show the page content inside the dialog
        $('.myDialog').html(data);
    });
});

例如，对于对话框，您可以使用 jQuery UI 的对话框：http: //jqueryui.com/demos/dialog/

使用该插件，您可以简单地调用$(".myDialog").dialog()以使您的<div class="myDialog"></div>节目成为一个漂亮的对话框。

于 2012-06-07T12:19:29.637 回答