2

jQuery ダイアログを使用してモーダル ボックスを開き、特定のユーザーを友達から削除するなどの確認を行います。モーダルボックスで友達の名前を使用したいと思います（現在、リンクのタグで印刷し、phpjQuerynameを使用してそこから取得しています）。

//create the html for the modal box
var dialog_html_ignore = $('<div id="dialog-confirm" title="Ignore Friend Request?"><p>Some text... ignore [put the name here], ...?</p></div>')

//set up the jQuery dialog
var dialog_ignore=$( dialog_html_ignore ).dialog({
        autoOpen:false,
        resizable: false,
        modal: true,
        buttons: {
            "No": function() {
                $( this ).dialog( "close" );
            },
            "Yes": function() {
                window.location.href = targetUrl;
            }
        }
    });

//open the dialog on click event
$('.click_ignore').click(function() {
    window.fName = $(this).attr("name");
    alert(fName); /* this gives me the right username */
    dialog_ignore.dialog('open');
    return false;
});

ユーザー名変数を実際にテキストの一部として（モーダルボックスのhtmlで）使用する最良の方法は何ですか??

どんな助けでも大歓迎です、事前に感謝します!! :)

4

3 に答える 3

2

これを試して：

var dialog_html_ignore = $('<div id="dialog-confirm" title="Ignore Friend Request?"><p>Some text... ignore <span class="name"></span>, ...?</p></div>')

$('.click_ignore').click(function() {
    window.fName = $(this).attr("name");
    $(".name", dialog_html_ignore).text(fName);
    dialog_ignore.dialog('open');
    return false;
});

フィドルの例

于 2012-05-24T13:25:51.517 に答える
1

ダイアログHTMLは、で解析される文字列としてではなく、ページ内の実際のHTMLとして記述します$。次に、IDで選択し、ダイアログ化して、すぐに非表示にします。

<span id='ignore-dialog-fname'></span>また、ダイアログHTMLに空を含め、 IDで選択してtextContent/innerTextをに設定しfnameます。

<script>
$(function() {
    //set up the jQuery dialog
    var dialog_ignore=$("#dialog-confirm").dialog({
        autoOpen:false,
        resizable: false,
        modal: true,
        buttons: {
            "No": function() {
                $( this ).dialog( "close" );
            },
            "Yes": function() {
                window.location.href = targetUrl;
            }
        }
    });

    //open the dialog on click event
    $('.click_ignore').click(function() {
        window.fName = $(this).attr("name");
        $("#ignore-dialog-fname").text(fName);
        dialog_ignore.dialog('open');
        return false;
    });
});
</script>

<div id="dialog-confirm" title="Ignore Friend Request?">
    <p>Some text... ignore <span id='ignore-dialog-fname'></span>, ...?</p>
</div>
于 2012-05-24T13:29:35.540 に答える
1

クリック イベントで次のコードを使用します。

dialog_html_ignore.attr("name", fname);

ダイアログボックスでは、このようにアクセスできます

dialog_html_ignore.attr("name");
于 2012-05-24T13:32:36.737 に答える