Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 目标弹出式容器_Jquery_Popup - Fatal编程技术网

Jquery 目标弹出式容器

Jquery 目标弹出式容器,jquery,popup,Jquery,Popup,我知道这很简单,但我无法让它工作我有一个弹出窗口,我想目标和设置容器全屏。我可以使用以下方法瞄准所有弹出窗口: .ui-popup-container{ left:0px !important; width:100%; height:100% } 但我只想针对一个特定的弹出窗口,并尝试: #complete_pge_faultPop .ui-popup-container{ left:0px !important; width:100%; 身高:100% } 目标弹出式html: <

我知道这很简单,但我无法让它工作我有一个弹出窗口,我想目标和设置容器全屏。我可以使用以下方法瞄准所有弹出窗口:

 .ui-popup-container{
left:0px !important;
width:100%;
height:100%
}
但我只想针对一个特定的弹出窗口,并尝试:

#complete_pge_faultPop .ui-popup-container{
left:0px !important;
width:100%;
身高:100% }

目标弹出式html:

<div data-role="popup" name="faultPop" dsid="faultPop" id="complete_pge_faultPop"
        class="faultlist" data-corners="false" data-dismissible="false" data-overlay-theme="d"
        data-theme="b" data-shadow="false" data-tolerance="4,4,4,4">
            <div class="ui-popup-content-wrapper">
                <!-- faultPop_grd -->
                <div class="complete_pge_faultPop_grd_wrapper" data-wrapper-for="faultPop_grd">
                    <table id="complete_pge_faultPop_grd" class="complete_pge_faultPop_grd" dsid="faultPop_grd"
                    name="faultPop_grd" cellpadding=0 cellspacing=0>
                        <col style="width:100%;" />
                        <tr class="complete_pge_faultPop_grd_row_0">
                            <!-- mobilegridcell_87 -->
                            <td id="complete_pge_mobilegridcell_87" name="mobilegridcell_87" class="complete_pge_mobilegridcell_87"
                            colspan=1 rowspan=1>
                                <div class="cell-wrapper">
                                    <!-- html_91 -->
                                    <div data-role="appery_html" name="html_91" dsid="html_91" id="complete_pge_html_91"
                                    >
                                        <div style='width:100%;height:100%;padding-top:5;align:center'>
                                            <fieldset data-role="controlgroup" data-mini="false" id="myGroup" style='padding:15px;'>
                                                <legend>
                                                    Load Problem:
                                                </legend>
                                                <input id="radio-choice-1" type="radio" name="radio-choice" value="choice-1" data-theme="a"
                                                style='padding:15px;' />
                                                <label for="radio-choice-1" data-theme="a">
                                                    Damaged Pallet
                                                </label>
                                                <input id="radio-choice-2" type="radio" name="radio-choice" value="choice-2" data-theme="a"
                                                />
                                                <label for="radio-choice-2" data-theme="a">
                                                    Damaged Package
                                                </label>
                                                <input id="radio-choice-3" type="radio" name="radio-choice" value="choice-3" data-theme="a"
                                                />
                                                <label for="radio-choice-3">
                                                    Missing Goods
                                                </label>
                                                <input id="radio-choice-4" type="radio" name="radio-choice" value="choice-4" data-theme="a"
                                                />
                                                <label for="radio-choice-4">
                                                    Damaged Goods
                                                </label>
                                                <input id="radio-choice-5" type="radio" name="radio-choice" value="choice-5" data-theme="a"
                                                />
                                                <label for="radio-choice-5">
                                                    Other
                                                </label>
                                            </fieldset>
                                            <label for="textarea-a" style='align:center;padding-left:10px;word-wrap:wrap;'>
                                                Notes:
                                            </label>
                                            <textarea id="textarea-a" name="textarea" style='padding:5px;' placeholder='Add notes here these will appear on the customer paperwork.'></textarea>
                                            <table style="height: 40px; width: 100%;" border="0" cellpadding="2"
                                            align="center">
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                            <button id="cancelbtn" data-theme="a" class="complete_pge_mobilebutton_79 ui-link ui-btn ui-btn-b ui-icon-back ui-btn-icon-right ui-btn-inline ui-shadow ui-corner-all ui-mini"
                                                            data-corners="true" data-icon="back" data-iconpos="right" x-apple-data-detectors="false"
                                                            data-inline="true" data-mini="true" data-theme="b" tabindex="17">
                                                                Cancel
                                                            </button>
                                                        </td>
                                                        <td>
                                                            <button id="faultSubbtn" data-theme="a" data-icon="back" class="complete_pge_mobilebutton_79 ui-link ui-btn ui-btn-b ui-icon-back ui-btn-icon-right ui-btn-inline ui-shadow ui-corner-all ui-mini"
                                                            data-corners="true" data-iconpos="right" x-apple-data-detectors="false" data-inline="true"
                                                            data-mini="true" tabindex="17">
                                                                Submit
                                                            </button>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
如何定位弹出窗口


谢谢你的建议,我还没有达到预期的效果,我认为Jquery移动包装器可能与此有关。我将重新考虑该方法。

我假设ID为complete\u pge\u faultPop的div获得了您使用的类,因此您需要一个适当的CSS级联:

#complete_pge_faultPop.ui-popup-container{
   /* note how there is no space between the two selectors, this means they must be both on the same element */
}

类为ui popup container的元素在哪里?看起来像是它的jquery mobile,ui popup container是您的popup元素的父元素,所以您不能像您想要的那样瞄准它。你能只用id选择器吗?