0
是否有執行父功能並影響jQuery移動對話框窗口內的父變量?從jquery移動對話框窗口執行父功能
[編輯補充CODE]
在用戶敲擊鏈接的對話框,其是在父:
<a href="options-window.php" data-rel="dialog" id="dlg-options-window"></a>
然後被帶到對話框,像這樣(sliderOneVal和sliderTwoVal在變量創建並由家長填寫):
<div id="option-window" data-role="page">
<script type="text/javascript">
$('#layer-window').on('dialogcreate', function(event, ui){
$('#sliderOne').val(sliderOneVal);
$('#sliderTwoOption').val(sliderTwoVal);
$('.sliderSelector').bind('change', sliderClicked());
});
</script>
<div data-role="header" data-theme="d"><h5>Options</h5></div>
<div data-role="content">
<fieldset data-role="controlgroup" data-type="vertical" data-role="fieldcontain"><table>
<tr>
<td><select name="sliderOne" id="sliderOne" class="sliderSelector" data-theme="" data-role="slider" data-mini="true">
<option value="off">Off</option>
<option value="on">On</option>
</select></td>
<td><label for="sliderOne">Option One</label></td>
</tr>
<tr>
<td><select name="sliderTwo" id="sliderTwo" class="sliderSelector" data-theme="" data-role="slider" data-mini="true">
<option value="off">Off</option>
<option value="on">On</option>
</select></td>
<td><label for="sliderTwo">Option Two</label></td>
</tr>
</table></fieldset>
</div>
</div>
,這裏是sliderClicked(),這是它獲得的父文檔中的滑塊被點擊和當前值,然後相應地改變相應的變量的值:
function sliderClicked(){
sliderVal = $(this).val();
sliderID = $(this).attr("id");
if(sliderVal=="on" && sliderID=="sliderOne"){
sliderOneVal="on";
} else if(sliderVal=="off" && sliderID=="sliderOne"){
sliderOneVal="off";
}
if(sliderVal=="on" && sliderID=="sliderTwo") {
sliderTwoVal="on";
} else if(sliderVal=="off" && sliderID=="sliderTwo"){
sliderTwoVal="off";
}
console.log('sliderOneVal:'+sliderOneVal);
console.log('sliderTwoVal:'+sliderTwoVal);
}
如果你正在使用標準的ajax導航模型,一切都在同一個頁面中,所以是的。 – ezanker 2014-09-22 17:39:36
我相信我,但它似乎並沒有工作 – VikingGoat 2014-09-22 17:46:52
有什麼特別的,我可能需要做的事情,如flipswitches在對話框中? – VikingGoat 2014-09-22 17:49:09