0

私は自分のサイトをやり直しており、常に 80 ～ 120 台の車両を所有しており、すべてデータベースで一意の在庫番号によって識別されています。jQuery のアコーディオンを使用して車両を一覧表示しています: http://www.login.carcityofdanbury.com/New/?cat=01

edit.php?stock=__STOCK__アコーディオンが開いたら、開いているアコーディオンの div にどのように埋め込むのですか? HTML タグだけを使用してみました<embed>が、ページの読み込みが非常に遅くなります。

私はjQuery、Ajax、コーディング全体に不慣れで、完全に独学で「学びながら学ぶ」人なので、デモ、チュートリアル、または例は素晴らしいでしょう。

4

3 に答える 3

2

jQuery .load関数（ http://api.jquery.com/load/）とjQuery UIアコーディオン変更イベント（http://jqueryui.com/demos/accordion/#event-change）を組み合わせて使用​​できます。アコーディオンスライドが開いた後にトリガーされます：

$(document).ready(function(){

    $("#listVehicles").accordion({
        collapsible: true,
        active: false,
        autoHeight: false,
        change: function(event, ui){
            ui.newContent.load('edit.php', { stock: __STOCK__ });
        }
    });

});​

変更イベントがトリガーされると、edit.phpファイルがAJAXを使用してロードされ、HTMLが開いたアコーディオンスライドにドロップされます。

于 2012-05-04T14:51:47.393 に答える
0

ここでいくつかのヘルプを得ることができます：http： //api.jquery.com/jQuery.ajax/

例：

$.ajax({
       url: "yourPage.php",
       success: function(data){
         $("#youarea").text(data);
       }
     });
于 2012-05-04T14:49:03.183 に答える
0

このために特別に設計されたjQueryload()関数を使用することをお勧めします。要素と URL を指定すると、コンテンツが要素に読み込まれます。

したがって、アコーディオン処理コードでは、次を配置する必要があります。

$('#elementToLoadInto').load('edit.php?stock='+id');

そこから、PHP ページは<div>、完全な HTML ページではなく、単一 (または必要に応じて複数) の要素をサーバー化する必要があります。そのコンテンツ#elementToLoadIntoは、そこにコーディングされたのと同じように、正確に に配置されます。

jQuery はページの一部のみを読み込むこともできるため、他の理由で完全な HTML ページを返す必要がある場合にも、その機能を利用できます。

于 2012-05-04T14:57:43.683 に答える