0

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

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

4

4 回答 4

1

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

使用 div Id 访问。

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

使用 div 类访问。

$('.page').load(function() {
    alert("loaded....");
});
于 2012-05-26T05:34:30.027 回答
1

试试这个

<script>
    $("div[data-role=content]").eq(0).ready(function() {
        alert('How are you');
    });
</script>
于 2012-05-26T05:53:39.120 回答
1

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

您应该尝试以下操作（将其放在您的 head 元素中，在 body 之前）：

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

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

于 2012-05-26T08:03:37.950 回答
1

在<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>
于 2012-05-26T09:48:47.943 回答