Jquery:在ajax中加载Tiptip内容

时间:2013-05-31 06:38:44

标签: jquery ajax tiptip

我会从ajax加载tiptip的内容,但这不起作用: - /

这是代码:

<div class="maclasse"><a href="#" ajaxparam="monparametre" title="">aaaaaaaa</a></div>
<script>
$(function() {
$(".maclasse a").tipTip({   delay : 200,
        maxWidth : "350px",
        context : this,
        content: function (e) {
                    $.ajax({
                        url: "../front/toto.php?" + $(this).attr('ajaxparam'),
                        cache: false,
                        success: function (response) {
                            e.content.html(response);
                        }
                    });
                    return 'Chargement...';
                }
    });
});
</script>

我的脚本解决了2个错误:

  • ajax调用的网址是 front / toto.php?monparametre ,但它是 front / toto.php?undefined

  • 如果ajax成功,错误 e.content未定义是catch

如果有人知道这个问题,我会非常高兴: - )

抱歉我的英语不好,谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

在ajax处理程序中使用$(this)将不起作用,因为它将被分配给ajax函数本身,而不是html页面。对于第二个问题,尝试将响应记录到控制台并检查它是否具有您要查找的值,可能是某种拼写错误。代码:

<div class="maclasse"><a href="#" ajaxparam="monparametre" title="">aaaaaaaa</a></div>
<script>
var that = this;    
$(function() {

$(".maclasse a").tipTip({   delay : 200,
    maxWidth : "350px",
    context : this,
    content: function (e) {
                $.ajax({
                    url: "../front/toto.php?" + $(that).attr('ajaxparam'),
                    cache: false,
                    success: function (response) {
                        console.log(response);
                        e.content.html(response);
                    }
                });
                return 'Chargement...';
            }
    });
});