如何为 DOM 个就绪块设置优先级？

Question

如果 his/her 设置处于活动状态，我想开始获取用户位置。所以我检查用户设置是否允许使用 GPS，然后我使用 jquery prop.

检查允许复选框

$(document).ready(function(){
  //using javascript I check if map settings is active then:
  enableGPS();
})

function enableGPS(){
  $(".activateGPS").prop( "checked", true );
}

Uising jquery prop 我希望下面的代码能够监听和响应更改，但它似乎不起作用。是不是因为上面和下面的代码都包裹在 DOM 里面了？

我怎样才能将下面的块推迟到上面的块之后准备好收听？

$(document).ready(function(){
    $('.activateGPS').change(function() {
        //Do something with coordinates
    })
})

最后我不得不说这是一个示例代码。请不要将第三块合并到第二块中。我想知道如何处理 DOM 就绪块 proiroties。

Answer 1

在 js DOMContentLoaded（在 jQuery jQuery.ready）和 window.onload

中，您有 2 个 DOM 加载阶段

DOMContentLoaded 事件发生在文档对象上，因为页面已加载。例如：

 document.addEventListener("DOMContentLoaded", ready);

window 对象上的 window.onload 事件在加载整个页面（包括样式、图像和其他资源）时触发。

How can I pospone the block below to be ready for listening after the blocks above?

您可以先监听第一个块的事件，再监听第二个，然后再监听第三个

$('#firstBlock').change(function(){
    // do your stuff..
    $('#secondBlock').change(function(){
        // do your stuff..
        $('#thirdBlock').change(function(){
            // do your stuff..
        });
    });
});

如何为 DOM 个就绪块设置优先级？

How to set priority for DOM ready blocks?

jquery

domready