0

これを簡単に説明すると、AJAX 呼び出しを開始する mouseenter Jquery イベントがあります。そして Jquery UI ツールチップ。

$(function()
{
    $(document).tooltip({track:true});
    $('#NewUser').mouseenter(function(){AJAXValidation("NewUser")});
});

呼び出しは次のとおりです。

function AJAXValidation(section)
{
    var request = $.ajax(
    {
        url: "ProcessJRT.php",
        type: "POST",
        contentType:"application/x-www-form-urlencoded;charset=UTF-8",
        data:
        {
            validate:section
        }
    });

    request.done(
        function(message)
        {
            var div = document.createElement('div');
            $(div).html(message);
            $(div).children().each
            (
                function(i)
                {
                    var title = '';

                    if($('#' + $(this).attr('id')).attr('title') != null)
                    {
                        title = $('#' + $(this).id).attr('title');
                    }

                    title += $(this).html() + '\r\n';

                    $('#' + $(this).id).attr('title', title);
                }
            );
        });
}

それが今やっていることは、<div>から s を取り、それをmessage親に配置すること<div>です。(私のコードでは、div は既に存在します。その部分を変更して、質問ができるだけ短くなるようにしました)。

次に、それらからテキストを取得<div>し、対応する<input/>タイトル属性に配置します。

ここでは、このばかげた小さなことを除いて、すべてが完璧に機能します。

タイトルに LN または CR を追加できないため、div のすべてのテキストが別の行に表示されます...

</br>次のように属性内に追加しようとしました：

function(i)
{
    var title = '';

    if($('#' + $(this).id).attr('title') != null)
    {
        title = $('#' + $(this).attr('id')).attr('title');
    }

    title += $(this).html() + '</br>';//<---See I added a BR here 

    $('#' + $(this).id).attr('title', title);
}

ただし、</br>通常のテキストとして表示されます。私は試してみString.fromCharCode(13)ましたがうまくいきませんでした.jusを試してみましたが'\n'、'\r\n'まだうまくいきます.

誰かが私がこれに夢中になっていることを指摘できますか??

ありがとう！

編集：

を に変更し$('#' + $(this).attr('id'))ました$('#' + $(this).id)。

4

2 に答える 2

1

title 属性をそのようにフォーマットすることはできず、機能せず、ブラウザーによって異なることになります。

jquery プラグイン qTip を試して、目的を達成してください。(これも良さそう!) http://craigsworks.com/projects/qtip/

または、etcを使用してごまかし&nbsp;&nbsp;&nbsp;、テキストを次の行にプッシュすることもできます。しかし、これはせいぜい不安定です。

于 2013-09-13T14:14:55.877 に答える