相关疑难解决方法(0)

我有一个iframe,为了访问父元素我实现了以下代码:

window.parent.document.getElementById('parentPrice').innerHTML

如何使用jquery获得相同的结果？
更新:或者如何使用jquery访问iFrame父页面？

我想点击移动后退按钮关闭弹出窗口.我使用onhashchange实现了这个:

window.onhashchange = function (event) {

};

在这种情况下,如果弹出多次打开然后单击后退按钮,则会打开并关闭弹出模式.但是,我希望模式弹出窗口在第一个背面关闭并导航到下一个返回的prev页面.

我也尝试使用onbeforeunload,但它会显示另一个警告离开或停留在页面上.

$(window).bind('beforeunload', function(e) {
    return false;
});

关闭后退按钮弹出窗口并在下一页上重定向到prev页面的最佳方法是什么？

我正在使用Backbone和bootstrap.问题是当你通过应用程序,并在某些时候你打开引导模态窗口并按下后退按钮,模态窗口关闭但模态背景div(模态背景)保持不会消失.它覆盖整个屏幕,你不能点击任何东西.我注意到当你关闭模态时,通常模态背景div从html中删除,在这种情况下它会停留.

我正在网上搜索这个解决方案,并发现了类似的东西,但没有一个是按下浏览器后退按钮的潮流.

我想要捕获浏览器后退按钮事件和用户jquery来删除该div,但这不是真正好的解决方案.

有人能为这个问题指出一些解决方案吗？或者最后告诉我为什么会这样.

编辑:当按下后退按钮时,模态不会抛出hide.bs.modal事件,所以我无法捕获它并删除模态背景div

我只是想创建一个模态页面,其行为相同,要么使用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 …

我有一个示例ui-bootstrap模式(来自ui-bootstrap文档)

angular.module('ui.bootstrap.demo', ['ui.bootstrap']);
angular.module('ui.bootstrap.demo').controller('ModalDemoCtrl', function ($scope, $modal, $log) {

  $scope.items = ['item1', 'item2', 'item3'];

  $scope.animationsEnabled = true;

  $scope.open = function (size) {

    var modalInstance = $modal.open({
      animation: $scope.animationsEnabled,
      templateUrl: 'myModalContent.html',
      controller: 'ModalInstanceCtrl',
      size: size,
      resolve: {
        items: function () {
          return $scope.items;
        }
      }
    });

    modalInstance.result.then(function (selectedItem) {
      $scope.selected = selectedItem;
    }, function () {
      $log.info('Modal dismissed at: ' + new Date());
    });
  };

  $scope.toggleAnimation = function () {
    $scope.animationsEnabled = !$scope.animationsEnabled;
  };

});

// Please note that $modalInstance represents …