打开模态区域点击按钮

看这个，我想去点击查看地图打开一个模式上方的图像宽度488px和高度360px与关闭按钮在右上角。打开模态区域点击按钮

任何人都可以帮助我吗？

<div class="article"> 
<div class="desc"> 
    <h3 class="title">Beaver Galleries</h3> 
    <ul> 
     <li>81 Denison Street, Deakin 2600</li> 
     <li>www.beavergalleries.com.au</li> 
     <li>Tel 02 6282 5294 Fax 02 6281 1315</li> 
     <li>[email protected]</li> 
    </ul> 
    <p>Directors: Martin and Susie Beaver (ACGA)Canberra’s largest private gallery. Regular exhibitions of contemporary paintings, prints, sculpture, glass and ceramics by established and emerging Australian artists.</p> 
    <p class="last">Tue - Fri 10 - 5, Sat - Sun 9 - 5</p> 
    <a href="" class="view-map">View Map</a> 
</div> 
<img src="http://fakeimg.pl/488x360/" />

来源

2013-08-27 nikospap

可以使用jQuery UI做到这一点。

在jQuery UI的.dialog()，是模态结构具有关闭按钮。

$(document).ready(function() { 
    var modal = document.createElement('div'); //create a MODAL window 
    $('.view-map').on('click', function() { 
    $(modal).dialog(); 
    }); 
});

入住这JSFiddle

来源

2013-08-27 08:53:15 Praveen

打开模态区域点击按钮

回答

相关问题