无法操作AJAX load()加载的外部页面元素的DOM

Question

我跟踪了HTMl in index.php

<div id="internal" class="internal-class"></div>
<a href="external.php #external-element" class="button">Load</a>

像这样的CSS

    #internal {

        padding: 50px;
        background: green;
        display: inline-block;
    }
    #external-element {

        width: 50px;
        height: 50px;
        background: yellow;
    }

我有一个外部php页面，external.php是这样的

<div id="external-element" class="external-class"></div>

我在index.php中使用了以下脚本

$(document).ready(function() {


        $('a').click(function(event){

            $attrib = $(this).attr('href');
            $('#internal').load($attrib,function(){

                alert($('#internal').attr('class'));
                alert($('.external-element').attr('class'));

            });
            event.preventDefault();
        });
    });

在上面的代码中，jQuery脚本在div #内部成功地从external.php加载#外部元素。加载之后，我想提醒类#内部元素和#外部元素。

$('#internal').load($attrib,function(){

                alert($('#internal').attr('class'));
                alert($('.external-element').attr('class'));

});

上面的代码成功地提醒#内部和#外部元素类的名称.但当我写

            $('#internal').load($attrib);
            alert($('#internal').attr('class'));
            alert($('#external-element').attr('class'));

然后上面的代码并没有提醒#外部元素的类。它说的是不明确的。

我认为，在AJAX ()之后，它无法操作external.php的DOM。请帮帮我。谢谢。

Answer 1

external-element不是一个类。这是身份证明。

将'#'放在它前面，而不是'.'

alert($('#external-element').attr('class'));