1

ajax 経由で qtip ポップアップを表示しようとしていますが、成功しません。次のコードを取得しましたが、問題が発生していることを検出できないようです。助けていただければ幸いです。

<script type="text/javascript">
$(document).ready(function()
{
    $('.tiplink').qtip({
        content:{
            var id = $(this).attr('rel');
            text: '<img class="" src="../images/loader.gif" alt="Loading..." />',
            ajax:{
                url: 'pops.php',
                type: 'POST', 
                loading: false,
                data: 'id=' + id
            }
        },

        show: 'mouseover', // Show it on mouseover
        hide: {
            delay: 200,
            fixed: true // We'll let the user interact with it
        },
        style: {
            classes: 'ui-tooltip-light ui-tooltip-shadow',
            width: 290 
        }
    });

});
</script>

<a href="#" class="tiplink" rel='1'>show me the popup1!</a>
<a href="#" class="tiplink" rel='2'>show me the popup2!</a>
<a href="#" class="tiplink" rel='3'>show me the popup3!</a>
4

2 に答える 2

1

私も同様の問題を抱えていました。$（'。myclass'）。qtip（{}）が複数の要素を参照できないという事実に関連しているようです。それが行われる場合（そしてあなたの例のように）、各（function（））ブロック内でqtip（）呼び出しをラップする必要があります...

あなたの例に関して、以下はあなたの問題を修正するはずです：

$(document).ready(function()
{
  // the each() call I was explaining above this code example
  $('.tiplink').each(function(){

    // Extract your variables here:
    var $this = $(this);
    var id = $this.attr('rel');

    // Now make your qtip() call
    $this.qtip({
      content:{
        text: '<img class="" src="../images/loader.gif" alt="Loading..." />',
        ajax:{
          url: 'pops.php',
          type: 'POST', 
          loading: false,
          data: 'id=' + id
        }
      },
      show: 'mouseover', // Show it on mouseover
      hide: {
        delay: 200,
        fixed: true // We'll let the user interact with it
      },
      style: {
        classes: 'ui-tooltip-light ui-tooltip-shadow',
        width: 290 
      }
    });
  }); // end each(function()) call
});
于 2012-12-14T15:47:27.127 に答える
0

ここであなたを助けるかもしれないいくつかの質問があり ます

ここのqtipのサイトのチュートリアル自体

書かれているとおりにすべてを実行しても機能しない理由は他にありません

于 2012-08-15T09:21:32.233 に答える