Jquery mobile - 内部有一个点的页面ID不会在pageinit上触发

Question

我有一个有效且有效的页面，以此定义开头：

div data-role="page" data-theme="b" id="alkohol.test" data-url="alkohol.test" tabindex="0" class="ui-page ui-body-b ui-page-header-fixed iscroll-page ui-page-active" >

这被正确调用并显示它应该但它似乎不会触发页面init事件。我的代码：

$( '#alkohol.test' ).live( 'pageinit',function(event){

console.log("Test successfully loaded!");
});  

当我将页面ID更改为“alkoholtest”时，它会在pageinit上触发。我假设不允许使用点，我认为所有关于jquery选择器都需要id“alkohol”后跟类“test” - 但我希望它对被调用的页面id做出反应。 这个问题有解决方法吗？ 我的意思是没有改变点到其他东西，因为我有大量的代码将是一个改变的噩梦。逃避或什么？

Answer 1

如上所述： How to select html nodes by ID with jquery when the id contains a dot? 和这里： jQuery dot in ID selector?

你必须逃避点，这使得jQuery将'test'视为类名

$('#alkohol\\.test')

或确保将整个字符串理解为ID

$("div[id='alkohol.test']")