Question

是否可以更改此项以显示稍后在文档中加载的元素：

function tracksinfox_{$page_trackid}()
{
    document.getElementById('tracksinfoxshow_{$page_trackid}').innerHTML = 'get stuff here';
}

在“get stuff here”的位置，我想显示一个div by id，但div是在页面加载后使用PHP创建的。

Answer 1

使用jQuery的on（），您可以将事件处理程序添加到稍后添加到文档中的元素。 http://api.jquery.com/on/

Answer 2

您可以通过document.onreadystatechange：

使文档准备就绪后执行该功能

document.onreadystatechange=function() { 
    if(document.readyState == 'complete'){ 
        tracksinfox_{$page_trackid}();
    }
}

或者只是简单地使用window.onload事件;

window.onload = tracksinfox_{$page_trackid};

但还有一件事你必须知道，如果你想在文件准备就绪后执行两项或更多功能，你可以这样做：

run_after_document_ready( tracksinfox_{$page_trackid} );
run_after_document_ready( somethingelse );
run_after_document_ready( somethingelse2 );

function run_after_document_ready( callback ) {
    callback_saver = window.onload;
    window.onload = function (){
        if ( typeof callback_saver == "function" ){
            callback_saver();
        }
        callback();
    }
}

或只使用jQuery

$(document).ready(tracksinfox_{$page_trackid});
$(document).ready(somethiselse);
$(document).ready(somethiselse2);

注意：window.onload与document.ready略有不同，有关更多信息，您应该找到有关window.onload，document.onreadystatechange和jquery文档的文档。

Answer 3

如何使用jQuery并执行以下操作。它建立了一个回调方法，当一个带有id="info"的新元素被添加到DOM时将被调用，然后它会添加一个带有id="info"的新DIV，这会导致回调函数被执行。回调函数取消注册（因此它只会被调用一次），然后根据新的DIV设置update-me DIV的文本。

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    </head>
    <body>
        <div id="update-me">I will be updated.</div>

        <script language="javascript">
        jQuery(function ($) {

            $("body").on("DOMNodeInserted", "#info", function(e){
                $("body").off("DOMNodeInserted", "#info");
                $("#update-me").text( $(e.target).text() );
            });

            $("body").append("<div id='info'>I have changed.</div>");                

        });
        </script>
    </body>
</html>

通过js显示div

3 个答案: