將JQuery放入PHP文件

Question

我試圖將Jquery放入PHP文件中。當我把一個HTML文件放進去，但是我不能在我的homepage.php文件中使用它時，我需要放置一個完美的twitter feed。

它是從this tutorial。

我已經創建了單獨的JavaScript文件，並試圖迴應腳本，但我沒有運氣。

這裏是php文件：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.twitter.feed.js"></script> 

<script type="text/JavaScript"> 
    $(document).ready(function() { 
     $('#twitter-feed').dcTwitterFeed({ 
      id: '#thepaulmac', 
      tweetId: 'thepaulmac', 
      retweets: false, 
      replies: false, 
      avatar: false, 
      results: 20, 
      images: 'small' 
     }); 
    }); 

</script> 


<?php get_header(); ?> 
      <div id="twitter-feed"></div> 

有誰知道我必須做的就是這個工作？

我很感激任何幫助。

Answer 1

用PHP你可以在HTML鏈接之前添加HTML之前

<?php 

或之後

?> 

，它會被解釋它作爲普通的HTML。只需使用

<script src="file goes here"> 

鏈接jQuery的腳本，並在您的代碼：

<script></script> 

Answer 2

由於@nathan草場建議，你可以把它的PHP標籤之外。如果你想使用回聲或打印PHP標籤裏面，那麼你可以做這樣的：

echo '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
     <script type="text/javascript" src="js/jquery.twitter.feed.js"></script>'; 

或當我有兩個引號和單串，你可以使用這個語法，我經常這樣做報價：

$extra_js = <<<EXTRAJS 
<script type="text/JavaScript"> 
$(document).ready(function() { // using first example from the site you mentioned 
    $('#twitter-feed').dcTwitterFeed({ 
     id: '#designchemical', 
     tweetId: 'designchemical' 
    }); 
}); 
</script> 
EXTRAJS; 

echo $extra_js; // or pass it to a function or whatever