2

私はredbus.inと同じようにphpとajaxページロードを使用してphpでデータリストを作成しています.phpとjqueryとajaxは初めてです。

「シートを表示」ボタンをクリックすると、動的データで ajax ページの読み込みが行われます。

以下のコードを使用してこれを達成するためにJqueryを使用しています

<script type="text/javascript">
$("#viewseatContainer").hide();
$(document).ready(function() {

     $("#viewseat").click(function(){
     $("#viewseatContainer").toggle();
     });
 });

しかし、私のデータリストでは、最初の項目のみがビューシート情報を表示しています

私のPHPで

echo ...

'<td id="abc"><a href="#" onclick="javascript:ajaxpage(\'view.php?id='.$_SESSION['$bus_id'].'
,&from='.$_SESSION['$bus_startstation'].',&to='.$_SESSION['$bus_endstation'].' 
,&date='.$_SESSION['date'].' \' , \'viewseatContainer\')">
<img src="themes/frontend/images/redbtn.png" width="100" height="32" id="viewseat" /></a></td>'.
'<td>ID:'.$_SESSION['$bus_id'].'</td>'.

Ajax ページの読み込みには、単純なプラグインを使用しています

私の質問は、Jquery を使用して viewseatContainer と id= viewseat を持っていることです。各レコードまたは任意のレコードを切り替えて、ajax ページの読み込みを使用して view.php を読み込むにはどうすればよいですか。

より明確にするために、貼り付けビンに完全なコードを指定しました

http://pastebin.com/dB8STTSR (jquery)

http://pastebin.com/Raa5TJCG (データグリッド)

4

1 に答える 1

0

くれしゅ

このJqueryを使用

 <script type="text/javascript">
 $("#viewseatContainer").hide();
var x = <?php echo $_SESSION['$bus_id']?>;
$.each(x, function (i, elem) {
    $("#" +'viewseatContainer' + x).toggle();
});
 });
 </script>

次に、PHPコードページ（指定した2番目のpastebibページ）に移動し、バスIDをAJAXロードコンテナーに追加します。これも以下のようです

'<tr>'.
'<td>'.$_SESSION['$travel_name'].'</td>'.
'<td><a href="#">Photogallary</a></td>'.
'<td><a href="#">Via</a></td>'.
'<td id="abc"><a href="#" onclick="javascript:ajaxpage(\'view.php?id='.$_SESSION['$bus_id'].'&from='.$_SESSION['$bus_startstation'].'&to='.$_SESSION['$bus_endstation'].'&date='.$_SESSION['date'].'\',\'viewseatContainer'.$_SESSION['$bus_id'].'\')"><img src="themes/frontend/images/redbtn.png" width="100" height="32" id="'.$_SESSION['$bus_id'].'" /></a></td>'.
'<td>ID:'.$_SESSION['$bus_id'].'</td>'.
'</tr>'.
'<tr>'.
'<td colspan="6" id="vsc">'.
'<div id="viewseatContainer'.$_SESSION['$bus_id'].'"></div>'.
'</td>'.
'</tr>'

viewseatContainerには複数のインスタンスがあるため、ここにないクラスを非表示にできることを覚えておいてください

 $("#viewseatContainer").hide();// use a class to hide

これで準備完了です...

于 2012-11-18T11:29:23.473 に答える