在頁面加載時觸發此腳本

Question

我有一個jQuery腳本，當選中（或取消選中）復選框時會觸發該腳本。 這會導致整個頁面被禁用或啟用。

它按預期工作，但我必須以“編輯”模式啟動頁面。

我需要能夠設置頁面在初始加載時是以編輯模式啟動還是以禁用模式啟動。

我可以輕松地通過PHP傳遞變量-但我不確定在哪里/如何執行它，或者觸發什么？

這是我的觸發腳本

<script>
    $('#switch-enable').change(function()
    {
        if ($('#switch-enable').is(':checked')) {
            $('#disabled-switches *').prop("disabled", false);  
        } else {
            $('#disabled-switches *').prop("disabled", true);   
        }
    } );
</script>

Answer 1

將屬性更改代碼包裝在函數中，在$(document).ready()調用它，然后通過php例如在復選框上設置適當的checked屬性。

<input type="checkbox" <?=$editModeOnStart?' checked="checked"':''?> id="switch-enable" />
<script>
  var handleSwitch = function(){
    if ($('#switch-enable').is(':checked')) {
        $('#disabled-switches *').prop("disabled", false);  
    } else {
        $('#disabled-switches *').prop("disabled", true);   
    }
  }
  $(function(){
    handleSwitch();
    $('#switch-enable').change(handleSwitch);
  });
 </script>

Answer 2

$(document).ready(function() {
    var editMode = '<?php echo $editMode; ?>;
});

並使用GET在php中設置$ editMode

$editMode = $_GET['edit'];