jquery layer怎么彈出指定的html內(nèi)元素？一個(gè)基本是的彈出對話框?qū)討?yīng)該是不滿足以下需求：1、點(diǎn)擊按鈕/鏈接可以觸發(fā)自動彈出層，彈出來層應(yīng)該是有半透明的遮罩層；2、直接點(diǎn)擊彈出來層的關(guān)掉按鈕

jquery layer怎么彈出指定的html內(nèi)元素？

一個(gè)基本是的彈出對話框?qū)討?yīng)該是不滿足以下需求：

1、點(diǎn)擊按鈕/鏈接可以觸發(fā)自動彈出層，彈出來層應(yīng)該是有半透明的遮罩層；

2、直接點(diǎn)擊彈出來層的關(guān)掉按鈕、可以取消按鈕或者遮罩層會關(guān)了封印彈出層；

3、使用Esc鍵也是可以關(guān)了自動彈出層；

4、它是響應(yīng)式的，因此兼容性問題古代高端瀏覽器。

HTML

1、首先我們在頁面放置一個(gè)用來能觸發(fā)提示框?qū)拥逆溄樱惨部梢允莻€(gè)按鈕button，盡量的是我們給它設(shè)置一個(gè)data-show-layer屬性，這個(gè)屬性值填寫的是彈出對話框?qū)拥膇d，也就是說-show-layer來關(guān)聯(lián)彈出對話框?qū)印?/p>

2、很想來，上面的鏈接關(guān)聯(lián)的彈出層的id是hw-layer。那好，選擇我們來馬上準(zhǔn)備自動彈出層hw-layer的html代碼。

3、我們彈出來層的最外層，也就是蒙版層.hw-overlay，我們會不使用CSS壓制它是一個(gè)半透明的層，用處阻隔開彈出對話框?qū)雍晚撁嬷黧w內(nèi)容。r然后再在.hw-layer-wrap主體層內(nèi)，我們也可以設(shè)置中自動彈出層的內(nèi)容，不過內(nèi)容由你來定，我們本文特點(diǎn)實(shí)例彈出層的內(nèi)容是個(gè)確認(rèn)對話框，類似于window的confirm()。內(nèi)容建議使用了bootstrap的col-*柵格布局，還用了glyphicon字體圖標(biāo)。當(dāng)然最重要的那是必須蒙版層和主體層，內(nèi)容可以不依據(jù)什么項(xiàng)目需求自定義，只不過它可能會是個(gè)表單、也很可能是個(gè)純文字說明的內(nèi)容。

CSS

1、CSS確實(shí)是最關(guān)鍵的部分，我們先設(shè)置中蒙板層，它系統(tǒng)默認(rèn)情況下肯定是決不可見的，位置上fixed單獨(dú)計(jì)算的，而且是遍布整個(gè)頁面的，它肯定透明的的，我們這里設(shè)置了背景黑色、透明度0.3，如background-color:rgba(0,0,0,0.3)。然后再主體層.hw-layer-wrap，我們設(shè)置它的寬度，算出它的位置。寬度我們是可以初始設(shè)定一個(gè)值，高度由于內(nèi)容多少不判斷，這里我們不需要設(shè)置一個(gè)詳細(xì)的值，在后面的js部分會對相同高度一次性處理，然后再設(shè)置里居右在內(nèi)邊框陰影等效果?；蛘咚胶痛怪本又械脑O(shè)置這個(gè)可以北方醫(yī)話Helloweba文章：怎么讓DIV水平和直角居中。自動彈出層里面的內(nèi)容樣式這個(gè)可以契約設(shè)置中，最后應(yīng)該是使用mediaquery來設(shè)置中小屏幕下的提示框?qū)幼竺娴膯栴}。

2、我們不使用jQuery來如何處理觸發(fā)時(shí)彈出對話框?qū)雍完P(guān)閉彈出來層效果，應(yīng)此必須事前運(yùn)行程序jQuery庫。showLayer(id)是一個(gè)自定義設(shè)置的函數(shù)，用來可以展示自動彈出層。當(dāng)直接點(diǎn)擊按鈕或鏈接調(diào)用這個(gè)showLayer(id)函數(shù)，它會漸現(xiàn)的效果展示，但是換算彈出層的高度位移方向距離，使得彈出來主體層水平和互相垂直方向的居中。而函數(shù)的定義hideLayer()是追蹤提示框?qū)?，slidedown()也可以hide()就能實(shí)現(xiàn)方法。后來再另外觸發(fā)時(shí)遮罩層的時(shí)候關(guān)掉提示框?qū)舆@些可以使用Esc選擇按鈕的時(shí)候關(guān)閉彈出來層的代碼。

3、反正到這里，一個(gè)都差不多的彈出對話框?qū)有Ч呀?jīng)做好了。我們這里只是做一個(gè)基本都的彈出層，你也也可以通過再繼續(xù)儲存代碼。我們以前看過很多提示框?qū)硬寮?，很多都是相冊然后你的操作DOM的，也就是代碼先getelementsbytagname，后再在將內(nèi)容append到body里的，這種假如是不穩(wěn)定能操作DOM的話會會消耗一定會的性能，所以才從性能角度考慮到的話，我我推薦在用本文提供的提示框?qū)印?/p>

頁面用jquery的load()方法加載新頁面之后怎么返回上一頁？

在中資源被載入鏡像頁面的dom元素，再一次load這個(gè)dom元素為再試一下。