在PHP中運行JQuery

-1

我有一個PHP文件，可以在JQuery選項卡中輸出一些信息。在PHP中運行JQuery

PHP文件

$output2 .='<div class="demo">'; 
$output2 .='<div id="tabs">'; 
$output2 .='<ul>'; 
$output2 .='<li><a href="#tabs-1">Option 1</a></li>'; 
$output2 .='<li><a href="#tabs-2">Option 2</a></li>'; 
$output2 .='</ul>'; 
$output2 .='<div id="tabs-1">'; 
$output2 .='<p>1st text.</p>'; 
$output2 .='</div>'; 
$output2 .='<div id="tabs-2">'; 
$output2 .='<p>2nd text.</p>'; 
$output2 .='</div>'; 
$output2 .='</div>'; 
$output2 .='</div>';

HTML文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 

<link rel="stylesheet" href="themes/base/jquery.ui.all.css"> 
<script src="jquery-1.8.0.js"></script> 
<script src="ui/jquery.ui.core.js"></script> 
<script src="ui/jquery.ui.widget.js"></script> 
<script src="ui/jquery.ui.tabs.js"></script> 
<link rel="stylesheet" href="css/demos.css">  
<script> 
$(function() { 
    $("#tabs").tabs(); 
}); 
</script> 

</head> 

<body> 
<?php echo $output2; ?> 
</body> 
</html>

當我運行PHP的一切工作少了jQuery功能。如果我直接在HTML文件中運行腳本，運行完美

來源

2012-10-21 Alex Araujo

html將無法運行php代碼 –

請在瀏覽器中查看頁面的源代碼並將其粘貼到此處。更好的是，創建一個JSFiddle。 PHP並不重要，編譯的HTML會。 –

PHP如何與HTML相關？有沒有你不提的模板系統？ – JKirchartz

-3

我認爲這將解決這個問題：

$(document).ready(function() { 

    $(function() { 
     $("#tabs").tabs();   
    });  
});

和更快的頁面加載 - 把它在底部。

來源

2012-10-21 23:44:02 Mulli

使用語法高亮顯示代碼的正確方法是使用四個空格對其進行縮進。不使用反標記。 – Daedalus

'$（function（）{...}）'是$（document）.ready（function（）{...}）的縮寫。除了增加更多的冗餘之外，你的回答什麼也不做 –

'$（function（）{}）'是'$（document）.ready（...）'的快捷方式，它們做同樣的事情，雙重堆棧會阻止代碼被運行，因爲文檔只准備一次。 – JKirchartz

下面的腳本

<script> 
    $(function() { 
     $("#tabs").tabs(); 
    }); 
</script>

的發現和應用標籤的最終輸出到文件，不過，你調用這個函數之前，PHP的輸出實際上是「輸出」，因此所有的jQuery的事件不是應用，你可以通過在那個echo之後加上「tabs」功能來解決這個問題。

來源

2015-04-18 23:37:16

回答

相關問題