如何在点击header中的link时弹出？

Question

在我的 header 中提供 link 用于添加新客户端。当单击添加客户端 link 显示包含文本框和提交 button.When 的弹出窗口 window 我单击 link 显示弹出窗口 window 完全淡入（阴影) 并且不显示标签

这里有什么问题吗？

header

 <a data-hover="dropdown" data-close-others="true" data-toggle="modal" class="dropdown-toggle" href="#addClientPop" <?php if($home_index== 1) { ?> class="active" <?php } ?>></span>
  Add Client<span class="arrow"></span>
                            </a> 

<div id="addClientPop" class="modal hide fade" tabindex="-1" data-width="760">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                                <h3>Add Client</h3>
                                            </div>
                                            <div class="modal-body">
                                                <div class="scroller" style="height:75px" data-always-visible="1" data-rail-visible1="1">
                                                    <div class="row-fluid">
                                                        <div class="control-group">
                                                            <label class="control-label">Client Name</label>
                                                            <div class="controls">
                                                                <input id="client_name" name="client_name" class="client_box" type="text" class="form-control" required >                                                                                                    
                                                            </div>
                                                        </div>   
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">     
                                                <button onClick="submit_client();" type="button" class="btn blue">Submit</button>
                                            </div>
                                        </div>

Answer 1

在你的代码中，我注意到你已经关闭了 <a> 中的 </span> 标签并且 if($home_index==1) then class 属性正在运行要添加两次。

应该是这样的：

<a data-hover="dropdown" data-close-others="true" data-toggle="modal" class="dropdown-toggle <?php if($home_index== 1) { echo 'active';}?>" href="#addClientPop">Add Client <span class="fa fa-arrow-down"></span> </a>

Answer 2

这是你的解决方案，我用得很好

<a data-hover="dropdown" data-close-others="true" data-toggle="modal" class="dropdown-toggle active" href="#addClientPop" > Add Client<span class="arrow"></span> </a>

<div id="addClientPop" class="modal fade" tabindex="-1" aria-hidden="true"> <div class="modal-dialog "> <div class="modal-content"> <div class="modal-header"> <按钮类型="button" class="close" data-dismiss="modal" aria-hidden="true"></button> <h3>添加客户端</h3> </div> <div class="modal-body"> <div class="scroller" style="height:75px" data-always-visible="1" data-rail-visible1="1"> <div class="row-fluid"> <div class="control-group"> <label class="control-label">客户名称</label> <div class="controls"> <input id="client_name" name="client_name" class="client_box" type="text" class="form-control" required ><br> </div> </div><br> </div> </div> </div> <divclass="modal-footer"><br> <button onClick="submit_client();" type="button" class="btn blue">提交</button> </div> </div> </div> </div>

Answer 3

                 <li>
                  <a data-hover="dropdown" data-close-others="true" data-toggle="modal" class="dropdown-toggle active" href="#addPop" >
Add Client<span class="arrow"></span>
                  </a>

           <div id="addPop" class="modal fade" tabindex="-1" aria-hidden="true">
 <div class="modal-dialog ">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
            <h3>Add Client</h3>
        </div>
        <div class="modal-body">
            <div class="scroller" style="height:75px" data-always-visible="1" data-rail-visible1="1">
                <div class="row-fluid">
                    <div class="control-group">
                        <label class="control-label">Client Name</label>
                        <div class="controls">
                            <input id="market_price" name="market_price" class="client_box" type="text" class="form-control" required >

                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="modal-footer">

            <button onClick="submit_price();" type="button" class="btn blue">Submit</button>
        </div>
      </div>
     </div>
  </div>
 </li>

如何在点击header中的link时弹出？

How to display a popup when clicks the link in the header?

html

php

codeigniter

popup