2014-07-24 63 views
2

我在index.php文件无法操纵

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

和CSS下面的HTML这样

#internal { 

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

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

通过AJAX负载()加载外部页面元素的DOM我有一个外部的PHP页面external.php这样

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

我已经在index.php中

0使用下面的脚本
$(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#internal中的external.php中加载#external-element。加载后,我想提醒#internal以及#external-element的类。

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

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

}); 

上述代码成功地提醒类#INTERNAL &#外部元件的名称。 但是当我写

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

然后上面的代码不警告级#外部元件的。这是说未定义的。

我认为,这是无法AJAX负荷后操纵external.php的DOM()。请帮帮我。 谢谢。

+0

''#使用了ID和CSS'.'类,jQuery的。 –

+0

@Prashant - 他很清楚。他只是犯了愚蠢的错误 –

+0

@sudharsan:我不这么认为,因为他的写作风格 –

回答

1

external-element是不是一类。这是一个ID。

'#'之前它,而不是'.'

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

非常感谢@Sudharsan –

+0

@GauravDeshpande - 欢迎Bro .. –

+0

@GauravDeshpande:欢迎来到SO ...做upvote并接受帮助的答案。 –