0

ライブラリ関数に組み込む予定の便利な機能を構築して、何度も使用できるようにしようとしています。

一般的なシナリオは次のとおりです。

いくつかの行と列を持つ通常のテーブルがあるとします。

例

<table>
    <tr><td>row 1 col 1</td><td>row 1 col 2</td><td>row 1 col 3</td></tr>
    <tr><td>row 2 col 1</td><td>row 2 col 2</td><td>row 2 col 3</td></tr>
    <tr><td>row 3 col 1</td><td>row 3 col 2</td><td>row 3 col 3</td></tr>
</table>

そして、次のことが起こることを望みます。

TD セル (行 1/列 1 など) をクリックすると、このクリック イベントに応答して、その行のすぐ下に分割が表示され (素晴らしいアコーディオン効果があります)、その分割は基本的にその分割に 100% パーセントストレッチする iframe です。そして、そのセルでクリックした値が src に含まれているもの。何かのようなものsite.com?id=THAT_VALUE_HERE

このようにして、このテーブルの個々のセルを便利にクリックすると、関連するデータがオンデマンドで iframe に取り込まれ、クリックされた場所のすぐ下に表示されます。同じ値をもう一度クリックするだけで、iframe の分割が閉じます。もちろん、他のセルでも同じことを行うことができます。

これはすべてJQueryを介して可能であることは知っていますが、適切なチュートリアルがないと、これを実現するには時間がかかる場合があります.

誰かがこれをどのように達成できるかについてのチュートリアルを指摘できますか?

4

1 に答える 1

0

これには iFrame を使用する必要はありません。通常の ajax 呼び出しを行うだけです。

$('tr').on('click', function(){
    //You could store target data directly in the td's, or however you want. 
    //This is just a quick example
    var target = $(this).attr('title');

    $.get(target, "", function(data){
        $('#contentDiv').html(data);
    });

});
于 2012-08-27T20:53:35.017 に答える