Question

我使用HTML和JQuery mobile进行phonegap但是当我测试它时使用此代码，它显示错误SecurityError：操作不安全。 F 或者更改页面正常运行，为什么会这样？

$.mobile.changePage( "#confirm", { 
        role: "dialog"
})

这是index.html文件中的Dialog HTML

<div data-role="page" id="confirm">
      <div data-role="header" id="header">
        <div class="header">
            <div class="header-logo"></div>
        </div>
        <div class="header-bottom"></div>           
      </div>

      <div data-role="content" class="ui-content" id="logedin-view">
            <div class="border-logedin">
                <center><h3>Title Loged in Main</h3></center>
            </div>              
            <form id="codesend">
                <input type="text" id="code" class="input" placeholder="Code" required/>
            </form>
            <center>
                <button type="submit" form="codesend" id="code-send" class="input btn-submit" value="submit" data-role="none">Submit</button>
            </center>
            <a href="#index" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b ui-icon-back ui-btn-icon-left" data-rel="back">Go Back</a>
      </div>

      <div class="footer" data-role="footer">
      </div>
    </div>

Answer 1

在这种情况下，问题是此行：

window.history.replaceState( state, state.title || document.title, href );

（在版本1.4.5中第2954行中）

我不确定它的作用，但是在注释掉之后，我的代码就可以了。

Answer 2

这些问题大多与同源政策有关。从其他域加载js文件或css规则可能会导致问题。

在本地测试代码时，可能会从cdn //或其他remout服务器加载其他文件，这会导致jQuery脚本中的跨域安全性错误。

JQuery移动对话框错误SecurityError：操作不安全

2 个答案: