artDialog v6 content传入元素只能显示一次的问题

artDialog 升级到v6了，作者把代码结构做了重大调整，以前的很多习惯用法可能都需要改，在我用的时候，最让人蛋疼的就是content传入元素后的变化，2个重大变化
1.不在原来的元素位置放入占位div了，也就意味着你的元素用完就丢失句柄了
2.不再显示隐藏的元素了（感觉有点鸡肋），也就意味着，你要自己显示的控制元素的显示和隐藏了

解决办法：
1.在页面上放置需要用dialog显示的元素，style="display:none;";
2.在生成dialog之前保存元素的引用， var myEle = $("#myElement");
3.dialog显示后（这里自己测一下，我是在show方法调用之后显示元素的），调用元素的myEle.show();
4.关于dialog居中问题，作者已说：设定了width 和 height的话会自动居中

 

 

<code class="js string">"text/javascript"</code> <code class="js plain">> </code> </div> <div class="line number2 index1 alt1"> <code class="js spaces"> </code> <code class="js keyword">var</code> <code class="js plain">companyHandler = { </code> </div> <div class="line number3 index2 alt2"> <code class="js spaces"> </code> <code class="js plain">testDiv: </code> <code class="js keyword">null</code> <code class="js plain">, </code> </div> <div class="line number4 index3 alt1"> <code class="js spaces"> </code> <code class="js plain">init : </code> <code class="js keyword">function</code> <code class="js plain">() { </code> </div> <div class="line number5 index4 alt2"> <code class="js spaces"> </code> <code class="js keyword">var</code> <code class="js plain">me = companyHandler; </code> </div> <div class="line number6 index5 alt1"> <code class="js spaces"> </code> </div> <div class="line number7 index6 alt2"> <code class="js spaces"> </code> <code class="js plain">me.testDiv = $(</code> <code class="js string">'#testDiv'</code> <code class="js plain">); </code> </div> <div class="line number8 index7 alt1"> <code class="js spaces"> </code> <code class="js plain">$(</code> <code class="js string">'#btnTest'</code> <code class="js plain">).click(me.testHandler); </code> </div> <div class="line number9 index8 alt2"> <code class="js spaces"> </code> <code class="js plain">}, </code> </div> <div class="line number10 index9 alt1"> <code class="js spaces"> </code> </div> <div class="line number11 index10 alt2"> <code class="js spaces"> </code> <code class="js plain">testHandler: </code> <code class="js keyword">function</code> <code class="js plain">() { </code> </div> <div class="line number12 index11 alt1"> <code class="js spaces"> </code> <code class="js keyword">var</code> <code class="js plain">me = companyHandler; </code> </div> <div class="line number13 index12 alt2"> <code class="js spaces"> </code> </div> <div class="line number14 index13 alt1"> <code class="js spaces"> </code> <code class="js keyword">var</code> <code class="js plain">d = dialog({ </code> </div> <div class="line number15 index14 alt2"> <code class="js spaces"> </code> <code class="js plain">title: </code> <code class="js string">'test'</code> <code class="js plain">, </code> </div> <div class="line number16 index15 alt1"> <code class="js spaces"> </code> <code class="js plain">content: me.testDiv, </code> </div> <div class="line number17 index16 alt2"> <code class="js spaces"> </code> <code class="js plain">width: </code> <code class="js string">'800px'</code> <code class="js plain">, </code> </div> <div class="line number18 index17 alt1"> <code class="js spaces"> </code> <code class="js plain">height: </code> <code class="js string">'400px'</code> </div> <div class="line number19 index18 alt2"> <code class="js spaces"> </code> <code class="js plain">}); </code> </div> <div class="line number20 index19 alt1"> <code class="js spaces"> </code> <code class="js plain">d.show(); </code> </div> <div class="line number21 index20 alt2"> <code class="js spaces"> </code> <code class="js plain">me.testDiv.show(); </code> </div> <div class="line number22 index21 alt1"> <code class="js spaces"> </code> <code class="js plain">} </code> </div> <div class="line number23 index22 alt2"> <code class="js spaces"> </code> <code class="js plain">}; </code> </div> <div class="line number24 index23 alt1"> <code class="js spaces"> </code> </div> <div class="line number25 index24 alt2"> <code class="js spaces"> </code> <code class="js plain">$(</code> <code class="js keyword">function</code> <code class="js plain">() { </code> </div> <div class="line number26 index25 alt1"> <code class="js spaces"> </code> <code class="js plain">companyHandler.init(); </code> </div> <div class="line number27 index26 alt2"> <code class="js spaces"> </code> <code class="js plain">}); </code> </div> <div class="line number28 index27 alt1"> <code class="js plain"> "button" id= "btnTest" class = "btn btn-default" >Test class = "row" id= "testDiv" style= "display: none;" > class = "jumbotron" > Hello, world! This is a simple test. class = "btn btn-primary btn-lg" role= "button" >Learn more