メインページのjQuery UIのダイアログボックス..]ダイアログボックスのコンテンツの読み込み

Question

私はそうのようなダイアログボックスをアクティブにしています：

$('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> 

はすべてが順調と良いthatsの..しかし、ダイアログボックス（#popup）は、実際に表示されます#addNewをクリックするまで、私のページ上に表示されます。その場合は消え、実際のダイアログボックスに移動します。 #addNewをクリックすると、その情報をユーザーに見せたいだけです。私はそれがページに座ってほしくない。私はここで間違って何をしていますか？

Answer 1

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

このdivがページ上にある間は非表示にする必要があります。ダイアログが表示され、表示されます。

Answer 2

css add
ディスプレイ：なし;

またはJQueryを使用してください。
$（ '＃popup'）。hide（）;

Answer 3

メインページには、それが置かれているためです。

最初に作成したときにdiv（css-display: none）を非表示にする必要があります。