Question

使用jQuery Mobile，我希望在用户打开页面时显示警报

<div data-role="page" id="page3">
    <div data-role="header">
        <h1>Page Three</h1>
    </div>
    <div data-role="content">   
        <script>alert('How are you');</script>  
    </div>
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>

但是上面的代码显示了应用启动时的警报，当我打开页面时它什么也没做。在此先感谢您的帮助。

Answer 1

这样做。假设在页面加载后加载此div。

使用div Id访问。

$('#page3').load(function() {
    alert("loaded....");
});

使用div类访问。

$('.page').load(function() {
    alert("loaded....");
});

Answer 2

试试这个

<script>
    $("div[data-role=content]").eq(0).ready(function() {
        alert('How are you');
    });
</script>

Answer 3

使用jQueryMobile，specific events可以知道页面加载的时间。

你应该尝试以下方法（把它放在头部元素中，在身体之前）：

<script>
$('#page3').live('pageshow', function() {
   alert('Page ' + $(this).attr('id') + ' about to be shown');
});
</script>

你也可以处理'pagebeforeshow'/'pagecreate'事件。

Answer 4

在页面的<head>部分中添加以下内容：

<script>
    $(document).on('pageshow','#page3',function(){
        alert('How are you');
    });
</script>

注意： .live（）方法已被弃用。有关原因的详细信息，请参阅the docs。此外，.on（）方法也是首选，但确实需要使用jQuery 1.7+。如果您是pre jQuery 1.7，请使用委托。

<script>
    $(document).delegate('#page3','pageshow',function(){
        alert('How are you');
    });
</script>

警报（””）;使用PhoneGap和jQuery的功能

4 个答案: