javascript - jQuery qTip 图像源相对路径

标签 javascript jquery qtip

您好,我的 Web 应用程序中有一个 jQuery qTip 工具提示,我正在尝试为工具提示中的图像设置相对路径。

我的代码是:

$('#behind-the-behaviour span[title]').qtip({
                content: { title: { text: "Behind the Behaviour" }, text: "<img src='~/Images/behindbehaviour.png'/>" },
                style: { border: { radius: 5 } },
                show: { effect: function () { $(this).show(); } },
                hide: { effect: function () { $(this).hide(); } },
                position: { my: 'rightTop ', at: 'left center', target: this, viewport: $(window) },
            });

它需要是相对的,因为这是一个由不同文件夹中的页面继承的母版页。当路径设置为“Images/behindbehaviour”时,文件夹页面无法访问它

如何让jquery通过相对路径找到图片?谢谢!

最佳答案

尝试:

text: "<img src='/Images/behindbehaviour.png'/>"

没有波形符 (~)

这对我有用。

关于javascript - jQuery qTip 图像源相对路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27523699/

相关文章:

javascript - 因为在 Javascript 中没有加载到 jquery mobile 中的 dom

javascript - 为什么 qTip 工具提示不保持打开状态以便我可以单击它的链接?

javascript - qtip 隐藏特定元素上的工具提示

javascript - 使用 express js 在浏览器中显示 Pdf

javascript - 编码 UI 播放 - 在特定文本框中输入文本时抛出错误(使用 javaScript 过滤击键)

javascript - 显示带有图像 slider 的链接元素符号?

jquery - 使用 qtip jquery 需要弹出窗口

javascript - 选择文件后范围变量未更改其值

jquery - 使用Jquery显示特定的JSON对象

javascript - 在 EmberJS 的文本区域中按下输入时不要输入换行符