如果有人在jquery mobile中点击弹出屏幕的主体外,如何获取活动

时间:2013-07-16 13:36:07

标签: jquery-mobile

如果某个用户在弹出屏幕的正文外点击,请告诉我如何获取活动。这是我的小提琴。如果用户点击标题按钮(第一个按钮设置i),它会显示弹出屏幕。如果用户点击弹出窗口我需要显示警告。如何显示?

http://jsfiddle.net/ravi1989/3yG9E/

<div data-role="popup" id="CaseInformationScreen" data-close-btn="none" data-overlay-theme="a" data-dismissible="false">
<div data-role="header" data-theme="b">
    <a href="#" data-role="button" data-corners="false" id="Cancel">Cancel</a>
    <h1>
        Case Information</h1>
    <a href="#" data-role="button" data-corners="false" id="AddButton">Add</a>
</div>
<div data-role="content">
    <div>
        <img src="img/Documents.png" /></div>
    <div data-role="fieldcontain">
        <label for="text-12" style="text-align: top; margin-left: 0px;">
            Case Name:</label>
        <input name="text-12" id="text-12" value="" type="text" class="caseName_h">
    </div>
    <div data-role="fieldcontain">
        <label for="text-12" style="text-align: left; margin-left: 0px;">
            Case Date:</label>
        <!--input name="text-12" id="text-12" value="" type="date" class="caseDate_h"  -->
        <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}' />
    </div>
    <div data-role="fieldcontain">
        <label for="textarea-12">
            Textarea:</label>
        <textarea cols="40" rows="8" name="textarea-12" id="text-12" class="caseTextArea_h"></textarea>
    </div>

1 个答案:

答案 0 :(得分:5)

您不能在弹出/弹出容器外单击,因为有一个div覆盖整个屏幕。您可以通过这种方式将事件附加到该div。

  

<强> Demo

$('.ui-popup-screen').on('click', function () {
 // do something
});