带有动态内容的 qTip

发布于 2024-11-25 12:43:43 字数 755 浏览 2 评论 0原文

我正在尝试让 qtip2 与 Rails3 应用程序一起使用。

qtip 工作得很好,但我不知道如何让它与我的模型中的动态内容一起工作。我被困在格式化我的js...

在我看来,我正在尝试以下操作:(

<li><%= link_to milestone.name, order_path(milestone.order_id), { 'data-href' => :name, :class => 'selector' }  %> </li> 

我只将 :name 放在那里进行测试)

这呈现为 html:

<li><a href="/orders/1" class="selector" data-href="name">Setup Equipment</a> </li>

看起来不错。

在我的 application.js 中,我有这样的内容:

$('.selector').qtip({
        content: $(this).attr('data-href')
 });

我认为我的内容语法有问题。 我可以看到工具提示

$('.selector').qtip({
        content: 'test'
 });

如果我替换为:任何帮助,

Am trying to get qtip2 working with a rails3 application.

qtip's working great but I can't figure out how to get it to work with dynamic content from my models. Am stuck formatting my js...

In my view, I'm trying the following:

<li><%= link_to milestone.name, order_path(milestone.order_id), { 'data-href' => :name, :class => 'selector' }  %> </li> 

(I've only put :name in there to test)

This renders as html:

<li><a href="/orders/1" class="selector" data-href="name">Setup Equipment</a> </li>

Which looks ok.

In my application.js, I have this:

$('.selector').qtip({
        content: $(this).attr('data-href')
 });

I think I have something wrong with my content syntax. I can see the tooltip if I replace with:

$('.selector').qtip({
        content: 'test'
 });

Any help appreciated

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

一个人的旅程 2024-12-02 12:43:43

我认为你应该这样做:

$('.selector').qtip({

    content: function(){
        return $(this).data('href');
    }

});

在这里小提琴 http://jsfiddle.net/cnkJU/2/

I think you should do :

$('.selector').qtip({

    content: function(){
        return $(this).data('href');
    }

});

fiddle here http://jsfiddle.net/cnkJU/2/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文