2016-01-14 48 views
-9

嗨的鏈接我想創建一個頁面上的按鈕或鏈接在模態窗口小尺寸打開另一個頁面,而不關閉原始頁面我怎樣才能打開新的模態窗口

我怎樣才能做到這一點的非常簡單的方法? 謝謝

主頁

<!DOCTYPE html> 
<html> 
    <a href='site/modal.php'>Click Here to open Modal window</a> 
</html> 

modal.php

<!DOCTYPE html> 
<html> 
    <form> 
     some input 
    </form> 
</html> 

回答

2

您可以打開一個新窗口中的鏈接與像下面你需要的尺寸。希望能幫助到你。

$('a').click(function() { 
    window.open($(this).attr('href'),'title', 'width=800, height=700'); 
    return false; 
}); 

更新

你可以使用這個(jquery-modal)插件來顯示一個模式鏈接如下圖所示。

HTML

<script src="jquery.modal.min.js" type="text/javascript" charset="utf-8"></script> 
<link rel="stylesheet" href="jquery.modal.css" type="text/css" media="screen" /> 

<a href='site/modal.php'>Click Here to open Modal window</a> 

JQUERY

$('a').click(function() { 
    $(this).modal(); 
    return false; 
}); 
+1

我要說的是誰downvote不離開的理由鄉親約99.9%。關於這個* Meta *有很多討論。我的猜測是因爲OP想要一個*模態*窗口而不是*新*窗口。 –

相關問題