1

これが重複している場合はお詫び申し上げます。同様の質問を調査しましたが、何も機能しません (PHP と JQuery は初めてです)。

私はこれまでのところ、この関数を設定しました。これは、id と tip の値を必要なように取得します。

$(document).ready(function(){
    $('.tooltip').click(function(){
        var id      = $(this).attr('tooltip-id');
        var tip     = $(this).attr('data-tooltip');
        var target  = $('div#tooltip-modal');
        $.fancybox(target);

    });

関連するdivは次のとおりです。

<div id="tooltip-modal" style="display:none">
    <h2>Edit the description of this item:</h2>
    <form id="update-tooltip">
        <input type="hidden" id="id" value="id">
        Tooltip body: <textarea name="body" class="input">{{tip}}</textarea><br>
        <input type="submit" value="Update" id="update">
    </form>
</div>

tip と id の値がそれぞれの宛先に表示されるようにします (id は非表示です。tip は、ユーザーが編集できるテキストエリアの本体である必要があります)。これはシンプルであるべきだと思いますよね？私はそれを渡すあらゆる方法を試しました。人々が AJAX を推奨しているのを見てきましたが、私はそれも初めてで、間違いを犯したと確信しています (それが正しい方法である場合でも)。

最終的には、変更したヒント テキストをデータベースに保存する必要がありますが、それはまた別の機会にします。ただし、それがソリューションに影響する場合は、わかりました。

4

1 に答える 1

1

これは次のように変更できます。

    var id      = $(this).attr('tooltip-id');
    var tip     = $(this).attr('data-tooltip');

次のようなものに（必要に応じて短縮できます）：

    var id      = $(this).attr('tooltip-id');
    var tip     = $(this).attr('data-tooltip');

    $("#id").val(id);
    // a bit longer as the textarea does not have an ID
    $("#tooltip-modal .input").val(tip);
于 2013-06-19T21:46:32.783 に答える