进入一个页面,qTip已经正确执行,但是我改变其中一个输入框中的值时候,期待qTip立即显示当前改变后的值,但是qTip对于这个输入框还是显示之前的值。

发布于 2021-11-20 12:27:11 字数 573 浏览 908 评论 1

应该怎么实现呢?

我在里面是这样实现qTip的

function showTip() {
		$('.qtip').each(function(){
			var obj = $(this);
			obj.qtip({
				 
				   content: obj.val(),
				   show: 'mouseover',
				   hide: 'mouseout',
				   corner:true,
				   position: {
					      corner: {
					         target: 'topMiddle',
					         tooltip: 'bottomLeft'
					      }
				 },
				 style:{
					 name:'cream',
					 tip:true
				 }
			})
		});
	}
我当时是在改变该输入框中的值的时候,再次调用这个方法,但是结果就是,被改变的地方出现了上次和这次的浮窗。

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

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

发布评论

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

评论(1

深巷少女 2021-11-20 14:03:22

自己找到解决方案了,第一个

官网提供了方法

var api = $(mytooltip).qtip("api"); // Access the API via the tooltip

通过直接访问api

然后可以调用

api.updateContent("ddddddd");来更新内容

虽然我实际使用的时候一直都不行。后来我改了方法

我通过在每次修改了某一项内容后,就访问api调用了destory方法,将所有的qtip清掉,重新再加载,这样就解决了。

api具体方法可以参照

http://craigsworks.com/projects/qtip/docs/api/#callbacks

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