Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery qTip2未正确显示或链接_Jquery_Ruby On Rails 3_Qtip2 - Fatal编程技术网

jQuery qTip2未正确显示或链接

jQuery qTip2未正确显示或链接,jquery,ruby-on-rails-3,qtip2,Jquery,Ruby On Rails 3,Qtip2,我在Rails应用程序中使用jQuery qTip2作为工具提示。我希望工具提示显示链接,但无法正确显示链接(或工具提示本身) 下面是我的application.js qTip jQuery: $(document).ready(function() { $('.article span[alt]').qtip({ position: { my: 'bottom center', at: 'bottom center'

我在Rails应用程序中使用jQuery qTip2作为工具提示。我希望工具提示显示链接,但无法正确显示链接(或工具提示本身)

下面是我的application.js qTip jQuery:

$(document).ready(function() {
    $('.article span[alt]').qtip({
        position: {
            my: 'bottom center',
            at: 'bottom center'
        },
        hide: {
            fixed: true
        },
        style: {
            width: 200
        }
    });
});
My html.erb以显示工具提示:

<li class="article"><span alt=<%= link_to article.name, article_path %>>
    <%= article.body %>
</span></li>
  • 和我的标题:

    <link href="/stylesheets/jquery.qtip.css?1316753274" media="screen" rel="stylesheet" type="text/css" />
    <link href="/stylesheets/jquery.qtip.min.css?1316753274" media="screen" rel="stylesheet" type="text/css" />
    <script src="/javascripts/jquery.js?1316133561" type="text/javascript"></script>
    <script src="/javascripts/application.js?1316962938" type="text/javascript"></script>
    <script src="/javascripts/jquery.qtip.js?1316753274" type="text/javascript"></script>
    <script src="/javascripts/jquery.qtip.min.js?1316753274" type="text/javascript"></script>
    
    
    
    编辑-以下是显示以下内容的HTML:

    <li class="article"><span alt=<a href="/articles/2">Article Name</a>>
    Testing
    </span></li>
    
  • 测试
  • 目标是将鼠标悬停在测试上显示工具提示链接“Article Name”,它将引导您访问文章


    有人能帮我解决这个问题吗?

    您两次包含qTip2 JavaScript

    <script src="/javascripts/jquery.qtip.js?1316753274" type="text/javascript"></script>
    <script src="/javascripts/jquery.qtip.min.js?1316753274" type="text/javascript"></script>
    

    请显示浏览器看到的HTML代码,而不是模板。请描述“无法正确显示”的含义。您还两次包含所有qTip文件。。。请参阅下面我的答案。添加了浏览器看到的HTML代码,并解释了预期行为是什么。Oops。谢谢,我已经删除了一组.js和.css文件。谢谢。有什么办法可以做我想做的事吗?或者任何解决方案都不是有效的HTML?我假设我必须将此作为一个新问题添加,但有没有办法在我的js文件中包含erb?我知道我可以在我的qTip中包含一个链接,但需要访问数据库以动态提供链接。@tvalent2,我在回答的最后提出一个建议。。。试试那个或类似的东西。你的其他后续问题可能会作为一个全新的问题发布。我添加了另一个问题作为后续问题,但你帮了大忙!这是新的:
    <link href="/stylesheets/jquery.qtip.css?1316753274" media="screen" rel="stylesheet" type="text/css" />
    <link href="/stylesheets/jquery.qtip.min.css?1316753274" media="screen" rel="stylesheet" type="text/css" />
    
    <span alt=<a href="/articles/2">Article Name</a>>Testing</span>
    
    <span alt="&lt;a href='\/articles\/2'&gt;Article Name&lt;\/a&gt;">Testing</span>