Jquery UI手风琴的问题

时间:2012-09-12 00:32:13

标签: jquery jquery-ui jquery-selectors jquery-ui-accordion

我一直在研究一个jquery滑块并完成大部分工作我只需要将一个jquery ui手风琴放入其中以便很好地存储一些数据但我遇到的问题是手风琴将无法正常工作我在想它是因为我已经让php写了所有的html,因为html需要存储在一个变量atm中。我已经放置了我的php存储html,然后是我调用变量的小片段。我一直在使用其他一些jquery工作得很好,所有数据存储在php变量中,我有点困惑。

<link rel="stylesheet" type="text/css" href="slider.css" />
<link rel="stylesheet" href="jq/themes/base/jquery.ui.all.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
    <script>
    $(function() {
        $( "#accordion" ).accordion();
    });
    </script>
<?php 
$detial_area='
<img src="Koala.jpg"  height="141px" width="100px" /> 

<table style="position: absolute; top:20px; left:130px;">
<tr><td>         
<input type="text" value="Class" >
</td></tr>
<tr> <td>
<input type="text" value="Cases" >
</td></tr>
<tr> <td>
<input type="text" value="Name"  >
</td></tr>
<tr> <td>
<input type="text" value="Surname">
</td></tr>
</table>

<div id="accordion">
    <h3><a href="#">Section 1</a></h3>
    <div>
        <p>
        Accro1
        </p>
    </div>
    <h3><a href="#">Section 2</a></h3>
    <div>
        <p>
        Accor2.
        </p>
    </div>
</div>

';

这是我用来调用php变量的代码。

while($state= mysql_fetch_array($Query)){
    $row="row-".$state['ID'];
    $details="details-".$state['ID'];
echo "<div class='recordrow' id=".$row.">".$state['FirstName'].'</div>';

echo "<div class='details'  id=".$details.">".$detial_area.'<a href="#" id="bt-close">Close</a></div>';
}}

0 个答案:

没有答案