2013-09-29 90 views
0

我遇到了一個php javaScript回顯問題。我想爲通過使用echo動態創建的按鈕啓動一個javaScript函數。JavaScript不適用於php echo

當我測試它沒有回聲,功能正常使用。但是當我使用echo創建它時,它不起作用。

這裏是pages.php回聲:

$cont.='<div style="border-bottom: 1px solid #A2DBFF; padding-bottom: 25px; padding-top: 20px; margin-bottom: 10px; margin-left: 25px;">'; 
$cont.='<div class="SUBH"> 
     <input type="text" id="txtNEWHEADING" name="txtSubNam" placeholder="The new heading" /> 
    </div>'; 
$cont.='<div class="PTAG"> 
     <p> 
      <textarea rows="5" id="disNEWCONT" cols="70" placeholder="add a discription here.." name="txtCont"></textarea> 
     </p> 
    </div>'; 
$cont.='<div class="IMGTAG"> 
     <input type="file" id="imgNewIMAGE" /> 
     <button class="btnSav" type="submit" onclick="SaveContent()" id="btnNEWCONTENT" style="margin-left: 300px;" />save</button> 
    </div>'; 
$cont .= '</div>'; 

和JavaScript是在這裏:

$cont .= ' 
    <script type="text/javascript"> 

     $("#btnNEWCONTENT").click(function(){ 
      alert("hi there.."); 
      $.ajax({ url: \'ajax.php\', 
       data: {action: \'test\'}, 
       type: \'post\', 
       success: function(data) { 
        alert(data); 
       } 
      }); 
     });  
    </script> 
    '; 
echo $cont; 

請幫助。

+0

什麼時候jQuery庫負荷? – Teddy

+0

沒有理由說2個相同的HTML頁面的工作方式不同,你能發佈這2個頁面嗎? –

+0

PHP只是生成發送給瀏覽器的輸出。在瀏覽器中查看源代碼以查看它輸出的內容,並查看是否可以發現它不是您想要的內容。 – IMSoP

回答

2

此代碼爲我工作,增加頭部和包梁JavaScript之間的jQuery的功能到:

<html> 
<head> 
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script> 
</head> 
<body> 
<?php 

$cont='<div style="border-bottom: 1px solid #A2DBFF; padding-bottom: 25px; padding-top: 20px; margin-bottom: 10px; margin-left: 25px;">'; 
    $cont.='<div class="SUBH"> 
       <input type="text" id="txtNEWHEADING" name="txtSubNam" placeholder="The new heading" /> 
      </div>'; 
    $cont.='<div class="PTAG"> 
       <p> 
        <textarea rows="5" id="disNEWCONT" cols="70" placeholder="add a discription here.." name="txtCont"></textarea> 
       </p> 
      </div>'; 
    $cont.='<div class="IMGTAG"> 
       <input type="file" id="imgNewIMAGE" /> 
       <button class="btnSav" type="submit" onclick="SaveContent()" id="btnNEWCONTENT" style="margin-left: 300px;" />save</button> 
      </div>'; 
$cont.='</div>'; 

$cont.=' 
    <script type="text/javascript"> 
    function SaveContent(){ 
     $("#btnNEWCONTENT").click(function(){ 

      alert("hi there.."); 
      $.ajax({ url: \'ajax.php\', 
      data: {action: \'test\'}, 
      type: \'post\', 
      success: function(data) { 
       alert(data); 
      } 
     }); 

    }); } 
    </script> 
    '; 
    echo $cont; 
?> 
</body> 
</html>