Question

我有以下HTML用於打開的fancybox窗口：

<div class ="centeral"> 
<a class='button2' href="#addnewmodal" id="addnewbutton"> Add New Dashboard Widget </a> 
<div id="ajaxmessage"></div> 
</div> 
<div class='addnewmodal' style="display: none;"> 
    <form id="adddashboarditemform" method="post" action=""> 
    <p id="form_error">All fields are required</p> 
    <p> 
     <label for="widgetname">Widget Name: </label> 
     <input type="text" id="widgetname" name="widgetname" size="30" /> 
    </p> 
    <p> 
     <label for="rsssource">RSS Source: </label> 
     <input type="text" id="rsssource" name="rsssource" size="80" /> 
    </p> 
    <p> 
     <label for="items">Items to Read: </label> 
     <input type="text" id="items" name="items" size="3" /> 
    </p> 
    <p> 
     <input type="submit" value="addnewbuttonsubmit" /> 
    </p> 
</form> 
</div> 

和jQuery的準備函數內部下面的腳本：

$("#addnewbutton").fancybox(); 

出於某種原因，當我點擊鏈接它會打開一個新的窗口，其父窗口的內容完全相同，並且完全不顯示窗體。

Answer 1

你的href指的是編號爲addnewmodal，但它被設置爲一個類。
您可能還需要將您的模態div包裹在另一個div中，以將顯示設置爲無，而不是將其設置爲無顯示。

<div style="display:none"> 
    <div id="addnewmodal" class="addnewmodal"> 
    <form id="adddashboarditemform" method="post" action=""> 
    <p id="form_error">All fields are required</p> 
    <p> 
     <label for="widgetname">Widget Name: </label> 
     <input type="text" id="widgetname" name="widgetname" size="30" /> 
    </p> 
    <p> 
     <label for="rsssource">RSS Source: </label> 
     <input type="text" id="rsssource" name="rsssource" size="80" /> 
    </p> 
    <p> 
     <label for="items">Items to Read: </label> 
     <input type="text" id="items" name="items" size="3" /> 
    </p> 
    <p> 
     <input type="submit" value="addnewbuttonsubmit" /> 
    </p> 
    </form> 
    </div> 
</div>