2015-09-04 46 views
0

我嘗試了一個PHP追加東西一個div呼應javascript在php回顯中追加?

包括

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 

PHP代碼

<?php echo "<script type='text/javascript' >$('.notificationsBody').prepend('Hello World');</script>"; ?> 

我的股利守則

<div class="notificationsBody">TESTING DIV<br></div> 

這是可能的,如果是的,爲什麼沒有這個工作?我的控制檯也是空的。 如果沒有其他方法可以實現Div附加在Php Echo上嗎?

提示:如果可能,我需要一個Php回顯。

這是我的完整index.php頁面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 

     "http://www.w3.org/TR/html4/loose.dtd"> 



<html lang="en"> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
    <title>Test</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 

</head> 
<body> 


<?php echo "<script type='text/javascript' >$('.notificationsBody').prepend('Hello World');</script>"; ?> 
<div class="notificationsBody">TESTING DIV<br></div> 

</body> 



</html> 

什麼,我想在最後就像你有一個類並調用該函數

<?php echo $myclass->theechofunction(); ?> 

,那麼這將回音追加的Javascript一個分部給我的包裝。

是的,它有點瘋狂/困難,但那就是我需要的。

感謝您的答覆。

編輯

網站Quellcode呼叫該站點

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 



<script type='text/javascript' >$('.notificationsBody').prepend('Hello World');</script> 

<div class="notificationsBody">TESTING DIV<br></div> 
+1

爲什麼需要PHP回顯? – Zak

+1

看起來像你在頁面加載之前運行它https://learn.jquery.com/using-jquery-core/document-ready/ – Popnoodles

+1

我目前正在測試一些東西:)而且我需要Php迴應它 – Juan

回答

2

後,您有兩個問題。首先,你正在加載jQuery的兩個版本,這可能會導致衝突。從ajax.googleapis.com或code.jquery.com加載jQuery,但不能同時加載。

其次,試圖追加到.notificationBody的Javascript在將該元素添加到DOM之前正在運行。有兩種方法來解決這個問題:要麼移到您呼應.notificationBody DIV後,或運行在$(document).ready()處理程序,它的DOM後運行你的代碼,呼應<script>標籤的代碼是完全加載:

<?php echo "<script type='text/javascript' > 
    $(document).ready(function() { 
     $('.notificationsBody').prepend('Hello World'); 
    }); 
    </script>"; 
?> 

請參閱JS & jQuery can't detect html elements, and say's they are undefined