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>