Javascript 使用jQuery在工具提示中显示表

Javascript 使用jQuery在工具提示中显示表,javascript,jquery,css,tooltip,Javascript,Jquery,Css,Tooltip,我试图在工具提示(div,table,…)中显示HTML代码,但它不显示,也不显示任何错误。 如果我在标记中使用一些文本,它将正常工作。但是我需要在里面插入更多的HTML代码。我怎样才能修好它? 只适用于标记,我不知道如何解决这个问题,有什么帮助吗?为什么会这样 $(文档).ready(函数(){ //工具提示 $(“.tip_触发器”).hover(函数(){ tip=$(this.find('.tip'); tip.show();//显示工具提示 },函数(){ tip.hide();//

我试图在工具提示(div,table,…)中显示HTML代码,但它不显示,也不显示任何错误。 如果我在
标记中使用一些文本,它将正常工作。但是我需要在里面插入更多的HTML代码。我怎样才能修好它? 只适用于
标记,我不知道如何解决这个问题,有什么帮助吗?为什么会这样

$(文档).ready(函数(){
//工具提示
$(“.tip_触发器”).hover(函数(){
tip=$(this.find('.tip');
tip.show();//显示工具提示
},函数(){
tip.hide();//隐藏工具提示
}).mousemove(函数(e){
var mousex=e.pageX+20;//获取X个coodrinates
var mousey=e.pageY+20;//获取Y坐标
var tipWidth=tip.width();//查找工具提示的宽度
var tipHeight=tip.height();//查找工具提示的高度
//元素与视口右边缘的距离
var tipVisX=$(window.width()-(mousex+tipWidth);
//元素与视口底部的距离
var tipVisY=$(window).height()-(mousey+tipHeight);
如果(tipVisX<20){//如果工具提示超过视口的X坐标
mousex=e.pageX-tipWidth-20;
}如果(tipVisY<20){//如果工具提示超过视口的Y坐标
mousey=e.pageY-tipHeight-20;
} 
css({top:mousey,left:mousex});
});
});
正文{
边距:0;填充:0;
字体:普通12px Verdana,日内瓦,无衬线;
线高:1.8em;
颜色:#333;
}
* {
大纲:无;
}
img{边框:无;}
a{color:#d60000;文本装饰:无;}
/*--工具提示样式--*/
.提示{
显示:内联块;
颜色:#fff;
背景:#1d;
显示:无;/*--默认情况下隐藏--*/
填充:10px;
位置:绝对;z指数:1000;
-webkit边界半径:3px;
-moz边界半径:3px;
边界半径:3px;
}

我的第一个

我的第二个

您的问题在于您在其他元素中放置的元素类型

例如:

你不能把一个

我用有效的代码更新了您的示例代码

$(文档).ready(函数(){
//工具提示
$(“.tip_触发器”).hover(函数(){
tip=$(this.siplines('.tip');
tip.show();//显示工具提示
},函数(){
tip.hide();//隐藏工具提示
}).mousemove(函数(e){
var mousex=e.pageX+20;//获取X个coodrinates
var mousey=e.pageY+20;//获取Y坐标
var tipWidth=tip.width();//查找工具提示的宽度
var tipHeight=tip.height();//查找工具提示的高度
//元素与视口右边缘的距离
var tipVisX=$(window.width()-(mousex+tipWidth);
//元素与视口底部的距离
var tipVisY=$(window).height()-(mousey+tipHeight);
如果(tipVisX<20){//如果工具提示超过视口的X坐标
mousex=e.pageX-tipWidth-20;
}如果(tipVisY<20){//如果工具提示超过视口的Y坐标
mousey=e.pageY-tipHeight-20;
} 
css({top:mousey,left:mousex});
});
});
正文{
边距:0;填充:0;
字体:普通12px Verdana,日内瓦,无衬线;
线高:1.8em;
颜色:#333;
}
* {
大纲:无;
}
img{边框:无;}
a{color:#d60000;文本装饰:无;}
/*--工具提示样式--*/
.提示{
显示:无;
颜色:#fff;
背景:#1d;
显示:无;/*--默认情况下隐藏--*/
填充:10px;
位置:绝对;z指数:1000;
-webkit边界半径:3px;
-moz边界半径:3px;
边界半径:3px;
}

我的第一个
一些文本。工作正常!

我的第二个 更多文本。不行!
这正是我想要的!谢谢,很好用!!