2014-09-22 74 views
0

當我點擊其中一個鏈接時,應該打開一個對話框,但不應該從頁面中刪除先前顯示的數據。請在這裏找到代碼:http://jsfiddle.net/ssLY3/50/頁面加載之前加載對話框

請檢查下面的示例代碼:

$(document).ready(function() { 
    $('a').click(function (e) { 
     e.preventDefault(); 
     $("#content1").load($(this).attr('href')); 
    }); 
}); 

$(function() { 
    $("#dialog").dialog(); 
}); 

當我在第3頁的鏈接點擊,對話框應與它的內容和以前顯示的數據打開主頁/第1頁點擊時/ Page2不應該從頁面中刪除,請建議。

+0

也許這只是我,但我不明白的問題。你能嘗試一步一步地描述你想要發生什麼嗎? – 2014-09-22 14:37:25

+0

@TrueBlueAussie - 當我點擊Home.Page1/Page2鏈接時,數據應該顯示在下面,如http://jsfiddle.net/ssLY3/50/中所示。但是當我點擊Page3鏈接時,應該打開一個對話框,其中包含一些數據,以前在頁面上顯示的數據顯示在Home/Page1/Page2應該在後面,我試圖實現類似於關於Internet Explorer的功能IE瀏覽器。當我們點擊工具 - >關於Internet Explorer時,會打開一個新窗口,其中包含一些數據,同樣我想打開一個新的對話框,其中包含一些數據。謝謝。 – user4059457 2014-09-22 15:04:37

回答

0

您需要在第3個「關於」鏈接上放一些東西,以便您知道不是處理它。例如一類

<li><a href="page4.html" class="about">Page 3</a> 

那麼代碼變成類似:

$(document).ready(function() { 
    $('a').click(function (e) { 
     e.preventDefault(); 
     if ($(this).is('.about')) { 
      $("#dialog").dialog(); 
     } else { 
      $("#content1").load($(this).attr('href')); 
     } 
    }); 
});