jQuery UI的对话框..主页

2011-12-22 73 views 1 likes

我激活一个对话框，像这样的对话框内容加载：jQuery UI的对话框..主页

$('a#addNew').click(function(){ 
    $('#popup').dialog({ 
     minWidth: 700, 
     title:  'Select a product item' 
    }); 
}); 

<div id="popup" style="color:#fff; background:#000; width:650px;"> 
    blah blah blah blah 
</div>

这就是一切都很好..但对话框（#popup）实际上是显示直到我点击#addNew，在这种情况下，它会消失并转移到实际的对话框。我只希望用户在点击#addNew时看到这些信息。我不想让它坐在页面上。我在这里做错了什么？

来源

2011-12-22 ionfish

回答

<div id="popup" style="color:#fff; background:#000; width:650px; display:none;"> 
    blah blah blah blah 
</div>

您需要在页面上隐藏该div。对话框将取消隐藏并为您显示。

来源

2011-12-22 21:22:53

我会更进一步;而不是内联样式，将其移至CSS样式表。但这是正确的想法。 – 2011-12-22 21:43:01

哦，是啊..呃。我不知道它会自动为我取消隐藏。 – ionfish 2011-12-22 21:44:01

是的，我知道内联样式皱起了眉头。只是在建立页面时，现在很简单。 – ionfish 2011-12-22 21:44:26

使用css add
display：none; （'＃popup'）。hide（）;使用JQuery添加
$（'＃popup'）。hide（）;

来源

2011-12-22 21:30:36

它在主页面因为那是你放的地方！

您需要在第一次创建时隐藏div（css - display: none）。

来源

2011-12-22 21:36:16 Alnitak

jQuery UI的对话框..主页

回答

相关问题