Question

我正在尝试在页脚中为隐私策略制作模态窗口，而不是像Bootstrap文档显示的那样使用按钮。我想使用文本（链接），但＃导致页面加载＃页面。我知道有一个默认设置可以阻止＃工作，但是我无法在Google上找到它（至少不是那个对我有用）。

<div class="row" id="footer">
        <div class="col-md-3 col-md-offset-1">
          &copy; <?php echo date('Y'); ?> <a href="#">Galaxy Guitar</a> All Rights Reserved 
        </div><!-- /col-md-3 -->
        <div class="col-md-3 col-md-offset-5">
          <a href="#" class="md-trigger" onclick="$('#privacyModal').modal('show')">Privacy Policy</a>  
          <a href="#">Terms and Conditions</a>
        </div><!-- /col-md-3 -->

      </div><!-- /footer -->




    </div><!-- container wrapper -->

<!-- Modal Window (Privacy Policy) -->
<!-- Modal -->
<div class="modal fade" id="#privacyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Privacy Policy</h4>
      </div>
      <div class="modal-body">
        Our privacy policy is.....
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

Answer 1

尝试：

<a href="javascript:void(0)"></a>

而不是

<a href="#"></a>

Answer 2

对不起，我来晚了。引导程序的Jquery希望阻止按钮的默认操作 - 或者在您的情况下是链接。

另一种方法是使用您自己的jQuery来防止默认（见下文）。

但遵循记录的方式更好。包含正确的data- *属性并使用href作为目标：

＆＃13;

<a href="#privacyModal" class="md-trigger" data-toggle="modal">Privacy Policy</a>

＆＃13;

请注意，我更正了您的模式的ID属性。要引用模态，您可以使用模态的ID属性，但该ID通常没有＃。您只在参考侧使用＃。

示例：

如果模态有 id =＆＃34; myModal＆＃34; 您的开始标记 - 如果您使用的是按钮 - 应该具有 data-target =＆＃34; #myModal＆＃34; 的属性作为引用信息。或者，如果您使用链接 href =＆＃34; #myModal＆＃34;

由于你的模态有 id =＆＃34;＃privacyModal＆＃34; 我认为你会使用： 数据目标=＆＃34; ## privacyModal＆＃34;

或

HREF =＆＃34; ## privacyModal＆＃34; 但我不知道这会起作用 - 我从未在我的身份名称中加入＃符号。

没有按钮的Bootstrap Modal可以防止默认点击

2 个答案: