Jquery mobile 将Polymer与jQuery Mobile配合使用,可以在Chrome中工作,JQM事件不会在其他地方触发

Jquery mobile 将Polymer与jQuery Mobile配合使用,可以在Chrome中工作,JQM事件不会在其他地方触发,jquery-mobile,polymer,Jquery Mobile,Polymer,在这个例子中, 包含第一行()会导致Safari和Firefox中的jQueryMobile事件pagebeforecreate和pageinit事件不触发。然而,它在Chrome中工作 对如何修改这一点有什么想法吗 进一步调查: 似乎在Firefox和Safari上,platform.js正在覆盖addEventListener 在这一点上,我不知道如何进一步进行,任何建议将是最受欢迎的 完整示例: <!DOCTYPE > <html> <head>

在这个例子中, 包含第一行(
)会导致Safari和Firefox中的jQueryMobile事件
pagebeforecreate
pageinit
事件不触发。然而,它在Chrome中工作

对如何修改这一点有什么想法吗

进一步调查:

似乎在Firefox和Safari上,
platform.js
正在覆盖
addEventListener
在这一点上,我不知道如何进一步进行,任何建议将是最受欢迎的


完整示例:

<!DOCTYPE >
<html>
<head>

    <script src="http://www.polymer-project.org/platform.js"></script>
    <link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html">

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js" type="text/javascript"></script>




<script>





$(document).on('mobileinit', '#mainpage', function(){
    console.log("mobileinit");
})

$(document).delegate("#mainpage", "pagebeforecreate", function(){
    console.log("pagebeforecreate")

})

$(document).on("pageinit", '#mainpage', function()
{
    console.log("pageinit")
});




console.log('end of script')
</script>



</head>




<body>

    <div id="mainpage" data-role="page" data-theme="b">
    </div>


</body>
</html>

$(文档).on('mobileinit','#mainpage',function(){
控制台日志(“mobileinit”);
})
$(文档).delegate(“#主页”,“pagebeforecreate”,函数(){
console.log(“pagebeforecreate”)
})
$(document).on(“pageinit”,“mainpage”,function())
{
console.log(“pageinit”)
});
console.log('脚本结束')