2014-09-22 56 views
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); 
} 
+0

如果你正在使用標準的ajax導航模型,一切都在同一個頁面中,所以是的。 – ezanker 2014-09-22 17:39:36

+0

我相信我,但它似乎並沒有工作 – VikingGoat 2014-09-22 17:46:52

+0

有什麼特別的,我可能需要做的事情,如flipswitches在對話框中? – VikingGoat 2014-09-22 17:49:09

回答

0

我需要移動的功能sliderClicked到同一個文件對話框頁面,並有改變的JavaScript這樣的:

$(document).delegate('#option-window', 'pageinit', function() { 
    $('#sliderOne').val(sliderOneVal).slider("refresh"); 
    $('#sliderTwoOption').val(sliderTwoVal).slider("refresh"); 

    $('.sliderSelector').bind('change', sliderClicked); 
});