0

page.php現在、 containsのようなすべてのリンクを含む詳細なページ リストがありますpage.php?id=1, page.php?id=2, page.php?id=3, page.php?id=4..etc。これらのページに移動せずにそのボタンをクリックすると、これらのページに移動せずにポップアップ/モーダルボックスにコンテンツを表示できるプレビューボタンを提供したいですか? どうすればこれを達成できるかというこのIDの概念にこだわっています。ソース/リンクはどれも非常に価値があります。

4

2 に答える 2

1

Stardevが言うように、そこにいくつかのajaxを混在させることができますが、簡単な解決策が必要な場合は、iframeをサポートするこのURLプレビュースクリプトを試してください（確認してください）非常にクリーンまたはライトボックス. 大きなリストはここにあります。アイデアを得るためにこのリンクをチェックしてください:)

たとえば、ajax を試してみると、次のようになります。

$("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 に答える