4

qTipjQueryプラグインを使用して動的なツールのヒントを作成しています。ツールチップは、クエリを実行してJSON形式でデータを返すcfcにIDを送信します。

現時点では、ツールチップは次のように読み込まれます。

{"COLUMNS:" ["BOOKNAME","BOOKDESCRIPTION"["MYBOOK","MYDESC"]]}

これがjQueryです

$('#catalog a[href]').each(function()
{
    var gi = parseInt($(this).attr("href").split("=")[1])
    $(this).qtip(
    {
        content: {
            url: 'cfcs/viewbooks.cfc?method=bookDetails',
            data: { bookID: gi  },
            method: 'get',
            title: {
                text: $(this).text(),
                button: 'Close'
            }
        },
        api :{
        onContentLoad : function(){
            }
        },
    });
});

前述したように、データは正常に返されますが、出力してHTMLでフォーマットする方法がわかりません。

content: '<p>' + data.BOOKNAME+'を追加してみました

'API:{ onContentLoad : function(){ .....を使用して、何かを出力できるかどうかを確認しますが、'データは未定義のエラーです'

このデータをHTML形式で出力する正しい方法は何ですか？

4

3 に答える 3

2

qTipフォーラムから、作成者がapiコールバック内にajax呼び出しを追加しているようです。多分それはあなたの問題を解決しますか？

これが彼の例です：

$(this).qtip({
 content: 'Loading...',
 api: {
  onRender: function()
  {
   // Setup your AJAX request here
   $.ajax({
    url: DOC_ROOT + "admin/ajax/tooltip_process.php",
    type: 'GET';
    contentType: "application/json charset=utf-8",
    dataType: "json",
    success: function(json) {
     if(json[0].result == 'success') return json[0].tip;
     else alert('^$%#$#$');
    }
   });
  }
});
于 2010-05-30T13:59:50.333 に答える
0

リクエストでは、dataTypeをjsonとして指定する必要があります。jqueryに応答をjsonとして処理するように指示し、現在使用しているように使用できるようにします。また、息子としてデータを取得したら、表示するHTMLを作成できます。

于 2010-05-29T19:24:00.150 に答える
0

これは、ColdFusionデバッガーがリクエストデバッグ出力をオンにしたときにajaxエラーを引き起こす別のケースであることが判明しました。これは、デバッグを有効にしてColdFusionを操作するときに覚えておく必要のある大きな「落とし穴」の1つです。それはajaxを分解します。

于 2011-02-06T06:54:10.033 に答える