小编xam*_*xam的帖子

bootstrap 3关闭模式按下浏览器后退按钮

我只是想创建一个模态页面,其行为相同,要么使用bootstrap 3按下浏览器后退按钮或模式内的关闭按钮.我找到了一个脚本来执行此操作,但是存在问题.让我说我开始使用google.com,转到这个模态页面,然后推送"模态!" 按钮,然后按下浏览器后退按钮,它将关闭模式,如果我再次按下后退按钮,它将带我回google.com(一切都很好).但是这一次,如果我打开模态页面并使用"关闭"按钮关闭模态.但现在,我必须按两次后退按钮才能返回google.com.如果我用模态内的关闭按钮打开和关闭模态,如10x.我发现我必须再次按下浏览器10按钮才能返回google.com页面.如何解决这个问题?TIA

<!--html, bootstrap 3.2.0-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-body">
    <p>If you press the web browser's back button not the modal's "close" button, the modal will close and the hash "#myModal" will be removed for the URL</p>
  </div>
  <div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button></div>
</div>
</div>
</div>

<!--jquery-->
$('#myModal').on('show.bs.modal', function (e) {
    window.history.pushState('forward', null, '#modal');
});

$('#myModal').on('hide.bs.modal', function (e) {
    //pop the forward state to go back to original state before pushing …
Run Code Online (Sandbox Code Playgroud)

jquery browser-history bootstrap-modal

6
推荐指数
2
解决办法
7355
查看次数

如何删除引导进度条下方的空白

如何删除或最小化进度条和字符串之间的差距:

<div class='progress'><div class='progress-bar' role='progressbar' aria-valuenow='60' aria-valuemin='0' aria-valuemax='100' style='width: 80%;'></div></div>
<!--Here will be a huge whitespace, and needs to be removed-->
remove white space above this line
Run Code Online (Sandbox Code Playgroud)

这是一个小提琴:http://jsfiddle.net/1ts9b5m4/

提前致谢!

removing-whitespace progress-bar twitter-bootstrap-3

5
推荐指数
1
解决办法
2089
查看次数

php 5.3致命错误类找不到DateTimeZone

我尝试在PHP v5.3.13上运行以下代码,但仍然找不到类错误:

$tZone = new DateTimeZone("Europe/Amsterdam");
Run Code Online (Sandbox Code Playgroud)

如何在5.3.13上使用DateTimeZone?

php datetime namespaces

4
推荐指数
1
解决办法
6233
查看次数

ShareThis 最初隐藏时无法正确显示

单击“显示”按钮后如何使 ShareThis 按钮正确显示?按下“显示”按钮后,所有“.st-btn”都有“display:none”,直到我调整窗口大小,它会自动变为“display:inline-block”……换句话说,ShareThis 只能正确显示在我按下“显示”按钮并手动调整窗口大小之后。先感谢您

$('span').hide();
$('button').click(function(){$('span').show();});
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://platform-api.sharethis.com/js/sharethis.js#property=58ff3bc2a9dabe0012b03357&product=inline-share-buttons"></script>

<button>show</button>
<span><div class="sharethis-inline-share-buttons"></div></span>
Run Code Online (Sandbox Code Playgroud)

示例代码

jquery hide sharethis

4
推荐指数
1
解决办法
791
查看次数