警报(“”）;使用 PhoneGap 和 jQuery 的函数

Alert(""); Function using PhoneGap and jQuery

本文关键字：PhoneGap jQuery 函数 使用 警报      更新时间：2023-09-26

使用 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>

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

使用jQueryMobile，有特定的事件需要知道页面何时加载。

相反，您应该尝试以下方法（将其放在头部元素中，在正文之前）：

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

您也可以处理"pagebeforeshow"/"pagecreate"事件。

试试这个

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

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

使用div ID 访问。

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

使用div 类访问。

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

在页面的<head>部分放置以下内容：

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

注意：.live（） 方法已被弃用。有关原因的更多详细信息，请参阅文档。同样，.on（） 方法是首选的，但确实要求您使用 jQuery 1.7+。如果你是jQuery 1.7之前的版本，请改用委托。

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