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('脚本结束')