4

JQueryUIのボタンテキストに任意の文字列を渡せるようにしたい。

私がこの文字列を持っているとしましょう:

Ajouter L'amie a la liste "amies"

大きなJavaScriptエラーを発生させずにこのテキストを実際に渡す唯一の方法は、HTMLでエンコードすることです。

registerhtml.dialog({
        modal: true,
        title: 'My Dialog Title',
        resizable: false,
        buttons: [
            {
                text: 'Ajouter L'amie a la liste "amies"',
                click: function(){
                    // Do something important
                    $(this).dialog('close');
                }
            },
            {
                text: 'Cancel',
                click: function() {
                    $(this).dialog('close');
                }
            }
        ]
    });

しかし、ボタンに人間が読めるテキストが表示されません。同じエンコードされたテキストのみ。

この問題を解決する簡単な方法はありますか?たぶん、ボタンオブジェクトに欠けているオプションがあります。

または、手袋をはめて看護師に電話し、JQuery-ui.jsファイルで手術を開始する必要がありますか?

4

2 に答える 2

8

htmlentitiesを使用できるようにするにはhtml、文字列をボタンに挿入するときにメソッドを使用する必要があります。textエンティティのエンコードを行わずに文字通りテキストを挿入します。

registerhtml.dialog({
    modal: true,
    title: 'My Dialog Title',
    resizable: false,
    buttons: [
        {
            html: 'Ajouter L'amie a la liste "amies"',
            click: function(){
                // Do something important
                $(this).dialog('close');
            }
        },
        {
            html: 'Cancel',
            click: function() {
                $(this).dialog('close');
            }
        }
    ]
});

フィドル

于 2012-12-05T08:17:47.673 に答える
0

'文字列を使用するか文字列に使用するかに応じて、文字列内のörのすべてのアクセントを\"でエスケープします'"

例:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Demo</title>
        <script src="jquery-1.8.2.min.js"></script>
        <script src="jquery-ui-1.9.0.custom.min.js"></script>
        <link href="jQueryUI_css/ui-lightness/jquery-ui-1.8.24.custom.css" rel="stylesheet" />
        <script>
            $(function(){

                //using ' to define a string
                var text = 'Ajouter L\'amie a la liste "amies"'
                $('div').text(text).button();

                //using " to define a string
                var text2 = "Ajouter L'amie a la liste \"amies\"";
                $('button').text(text).button();
            });
        </script>
    </head>
    <body>
    <div></div>
    <button></button>
    </body>
</html>
于 2012-12-05T08:20:26.267 に答える