0

特定のスパンを選択するとポップアップするダイアログ ボックスがあります。現在、このダイアログにはテキストエリアが含まれています (したがって編集可能です)。[保存] ボタンをクリックしたら、テキストエリアの内容をダイアログの外のテーブル セルにコピーする必要があります。それは起こっていないようです。Save 関数に 2 行目のコードを追加しても、ダイアログ ボックスがポップアップしません。（違いが生じる場合に備えて、WordPressでこれを使用します）

jQuery(document).ready(function ($) {
    $("td > span").click(function () {
        var id = $(this).attr('id');
        var message = "message" + id;
        var content = jQuery("#" + message).text();
        var $dialog = $("<div></div>").html("<textarea style='width:99%; height:90%' class='popup-content'>" + content + "</textarea>").dialog({
            height: 400,
            width: 400,
            title: 'My Data',
            modal: true,
            autoOpen: false,
            dialogClass: 'wp-dialog',
            buttons: {
                "Save": function () {
                    var popup - content = $(".popup-content").val();
                }
            }
        });
        $dialog.dialog("open");
    });
});
4

1 に答える 1

0

var popup - contentは有効な JavaScript ではないため、保存ボタンが機能しなくなりました。能力がある場合は、まず JSLint または JSHint 機能をエディターに追加することをお勧めします。

さて、あなたが達成したいことを達成するには、それはかなり単純でなければなりません。いくつかの潜在的な地雷を無視し、クラスが一意に識別されていると仮定しますが、保存関数は次のようになります。

function() {
    $(".my-table-cell").html($(".popup-content").val());
}
于 2013-11-09T17:15:39.640 に答える