在中使用qTip2

Question

我发现了一个叫做qTip2的奇妙的工具提示。到目前为止，我很喜欢它，但却让自己陷入了使用它的问题中。

我能够在Rails 3.1安装程序中安装和运行qTip2。然而，当我使用qTip2 2的ajax功能时，我遇到了一个问题。

qTip2 ajax请求需要在将脚本显示在工具提示内容div (由qTip2自动生成)之前执行到脚本的链接。你可以看看我这里提到的代码。

http://www.craigsworks.com/projects/qtip2/demos/#ajax

它的问题在于它并不适合于RoR。使用RoR声明的ajax请求更显式，可以显式地告诉rails我想更新哪个div。

在以下情况下，我需要做以下事情：

1. 工具提示内容必须是动态的
2. ，我需要使用qTip2 ajax功能，以便为工具提示内容创建自定义布局.

不过，我确实尝试了以下几种方法：

1. 将html片段加载到公用文件夹中的content中。以正确的格式加载的内容，但我不能有动态内容。html.erb文件似乎无法在此文件夹中工作。除了使用动态content?
2. Tried之外，是否还有其他方法可以在RoR中使用qTip2 ajax请求，但没有成功。我所做的就是在.js响应文件中显式地定义ajax更新id (通过控制器和视图等)。但是，找出qTip2插件生成的确切id对我来说有点太难了。

这是我有的东西

html

 <a id="editor1" href="/deals_details.html.erb">

javascript

$(document).ready(function()
{

   $('#editor1').each(function()
   {
      $(this).qtip(
      {
         content: {
            text: '<img class="throbber" src="/assets/throbber.gif" alt="Loading..." />',
            ajax: {
               /*once: false*/
               url: $(this).attr('href') 

            }, 
            title: {
               text: 'qTip2 Test', 
               button: true
            }
         },
         position: {
            at: 'center', 
            my: 'center',
            viewport: $(window), 
         },
         show: {
            event: 'click',
            solo: true 
         },
         hide: 'unfocus',
         style: {
            classes: 'ui-tooltip-wiki ui-tooltip-light ui-tooltip-shadow'
         }
      })
   })

   // Make sure it doesn't follow the link when we click it
   .click(function(event) { event.preventDefault(); });
});

CSS

.ui-tooltip-wiki{
   max-width: 440px;
}

   .ui-tooltip-wiki .ui-tooltip-content{
      padding: 10px;

      line-height: 12.5px;
   }

   .ui-tooltip-wiki h1{
      margin: 0 0 7px;

      font-size: 1.5em;
      line-height: 1em;
   }

   .ui-tooltip-wiki img{ padding: 0 10px 0 0; }

   .ui-tooltip-wiki p{ margin-bottom: 9px; }
   .ui-tooltip-wiki .note{ margin-bottom: 0; font-style: italic; color: #888; }

请帮助我！)道歉，如果这篇文章看起来很愚蠢，这是我关于堆叠溢出的第一个问题。

Answer 1

我觉得你把事情弄得太复杂了。HTML功能只是请求一个qTip，返回值是div标记中的HTML。如果您查看您提到的演示的源代码，您将看到对http://www.craigsworks.com/projects/qtip2/data/burrowingowl.php的请求。如果您看看它产生了什么，它只是一个带有某些内容的div标记(样式看起来不同，因为它被页面的CSS进一步转换了)。

因此，问题是:您能否在div中提供动态内容以响应Rails中的URL？当然了!也许您希望设置一个带有SnippetController操作的show，然后使用非常标准的Rails约定/路由，您的URL可能是/snippet/show/[ID]，您只需让视图生成所需的div内容。