jQuery qTip2未正确显示或链接
我在Rails应用程序中使用jQuery qTip2作为工具提示。我希望工具提示显示链接,但无法正确显示链接(或工具提示本身) 下面是我的application.js qTip jQuery: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'
$(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="<a href='\/articles\/2'>Article Name<\/a>">Testing</span>