Question

我有一个页面index.php，我加载jquery并使用它。在这个页面上，我正在调用许多ajax脚本来加载内容。此内容将使用jquery。

鉴于我有很多内容选项，并且我想在加载的内容上使用jquery，我如何在动态加载的内容上使用jquery。

从准备就绪电话开始。

    <script>
$(document).on.(ready, function(){


    $.ajax({url: "myurl/<?php echo $mID; ?>/<?php echo $Code; ?>", success: function(result){
                /*$("#silver1").hide().show(250).html(result);*/
    }});

)}; 
</script

＆GT;

Answer 1

您可以将.on用于动态创建的元素。喜欢：我们假设你有一个名为dynamicId的动态创建元素，然后：

$("#dynamicId").on('click', function(){
    // do something here
})

或者你可以像这样添加HTML属性：

<p id="someId" class="someClass" onclick="myFunction(this)">paragraph content</p>

Answer 2

基本上，您需要将内容加载到index.php中的某个容器中。例如：

<html><body><a href="test.php"></a><div id="pageContent"></div></body></html>

然后使用jQuery从请求的URL加载内容并将其放入容器

$(document).ready(function() {
    $('a').on('click', function(e) {
        e.preventDefault();
        $.get( $(this).attr('href'), function(data) {
           $("#pageContent").html(data);
        });
    });
});

Answer 3

使用.load()这样的函数$('#contentAreaId').load('pagename');

<script type="text/javascript">
    $(document).ready(function() {
        $('#btnLoad1.button').click(function() {
            $('#load_content').load('loadContent1.htm');
        });
        $('#btnLoad2.button').click(function() {
            $('#load_content').load('loadContent2.htm');
        });
    });
</script>

jquery动态加载页面

3 个答案: