2014-07-24 65 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並接受幫助的答案。 –