Javascript 获取工具提示以处理实际的jquery库
我没有JS技能,我想为我的表单实现工具提示 事实上,我可以设法使它与许多发布之一的工作 问题是,当我添加这些工具提示库时,我的旧jquery函数停止工作(切换隐藏/显示等)。 当我删除新库时,我的函数恢复工作,工具提示明显停止工作 如何向当前的JS库中只添加工具提示Javascript 获取工具提示以处理实际的jquery库,javascript,jquery,Javascript,Jquery,我没有JS技能,我想为我的表单实现工具提示 事实上,我可以设法使它与许多发布之一的工作 问题是,当我添加这些工具提示库时,我的旧jquery函数停止工作(切换隐藏/显示等)。 当我删除新库时,我的函数恢复工作,工具提示明显停止工作 如何向当前的JS库中只添加工具提示 实现我想要的结果的最佳方法是什么?我已经为这个问题编写了一个插件: 下面是一个示例,滚动到最后一个,您可以在那里找到表单演示:听起来您在使用工具提示库时引入了错误,错误控制台中是否有任何内容(这将是第一个查看的位置),如果有,您需要
实现我想要的结果的最佳方法是什么?我已经为这个问题编写了一个插件:
下面是一个示例,滚动到最后一个,您可以在那里找到表单演示:听起来您在使用工具提示库时引入了错误,错误控制台中是否有任何内容(这将是第一个查看的位置),如果有,您需要进行一些调试 有了jQuery,你真的不需要一个库/插件来创建工具提示,你只需要几行代码,这是一个基本的例子
jQuery(".toolTipEnable").hover(function(e){
var offset = jQuery(this).offset();
jQuery("#toolTip")
.css({"top":offset.top+40,"left":offset.left+40})
.text('Tooltip text')
.show()
},function(e){
jQuery("#toolTip").hide()
})
其中是位置为绝对的空div
例如,还有更多的示例将向您详细介绍如何操作请阅读常见问题解答。“什么是……的最佳方法”在这里不是一个恰当的问题。如果一个工具提示插件不起作用,您可以尝试其他许多工具提示插件中的一个。我个人更喜欢推特引导工具提示。你的“旧查询功能”以什么方式停止工作?听起来这些库之间有冲突。任何给定的jQuery插件都不应该干扰jQuery核心。你是怎么装的?有什么错误吗?代码的行为如何?哦,下次最好使用搜索功能。可能重复的:@David冲突正是正在发生的事情。我不知道代码如何运行,也不知道是否有错误……正如我所说,我在jQuery方面没有任何技能。如何获得错误+代码行为?谢谢。@Darkeden:如果有错误,它们应该出现在浏览器的调试控制台中。(Chrome开发者工具、FireBug等)您可以使用这些相同的浏览器调试工具在代码中放置断点,并更仔细地观察运行时值/行为,以查看哪些具体不起作用。(基本上,观察到的行为偏离了预期行为的代码行。)您还可以尝试将所有jQuery代码包装成
(function($){//your code})(jQuery)代码>以尝试避免冲突。这就是所谓的“闭包”,我要测试一下it@darkeden可以如果你被困在什么地方,告诉我!您的代码本身不会显示任何工具提示,但当与此代码混合使用时,它会起作用$(function(){$(“#myform:input”)。工具提示({位置:“右中”,偏移量:[-2,10],效果:“淡入”,不透明度:0.7});