jquery问题【鼠标放链接上自动生成一个div显示动态内容】
【页面代码：】<htmllang="en"><head><metacharset="gb2132"><title>BootstrapPopoverExample</tit...
【页面代码：】
<html lang="en">
<head>
<meta charset="gb2132">
<title>Bootstrap Popover Example</title>
<meta name="description" content="This is an example to create Popover with Bootstrap.">
<link href="cs.css" rel="stylesheet">
</head>
<body align="center">
<br /><br /><br /><br /><br />
<a href="#" id="example" class="btn btn-success" rel="popover" data-original-title="Bootstrap Popover">hover for popover</a>
<br /><br /><br /><br /><br />
<a href="#" id="example1" class="btn btn-success" rel="popover" data-original-title="这是标题">点击这里显示</a>
<script src="4.js"></script>
<script>
$(function ()
{ $("#example").popover();
$("#example1").popover();
});
</script>
</body>
</html>
【css代码】
【部分js代码】
, template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><div class="popover-title"></div></div></div>'
})
【前台显示效果】
【解释】
鼠标放在链接上，就会自动生成一个div层并显示在旁边，生成的div层代码在【部分js代码里】有，他把a标签的data-original-title属性值给放进这个div层里了。鼠标移走就消失。
【问题】
哪位高人能给一个最简单的js代码？我现在的这个js代码非常非常非常长。。。根本看不懂。。。解决后，悬赏多少都可以，求大神指教啊！ 展开
<html lang="en">
<head>
<meta charset="gb2132">
<title>Bootstrap Popover Example</title>
<meta name="description" content="This is an example to create Popover with Bootstrap.">
<link href="cs.css" rel="stylesheet">
</head>
<body align="center">
<br /><br /><br /><br /><br />
<a href="#" id="example" class="btn btn-success" rel="popover" data-original-title="Bootstrap Popover">hover for popover</a>
<br /><br /><br /><br /><br />
<a href="#" id="example1" class="btn btn-success" rel="popover" data-original-title="这是标题">点击这里显示</a>
<script src="4.js"></script>
<script>
$(function ()
{ $("#example").popover();
$("#example1").popover();
});
</script>
</body>
</html>
【css代码】
【部分js代码】
, template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><div class="popover-title"></div></div></div>'
})
【前台显示效果】
【解释】
鼠标放在链接上，就会自动生成一个div层并显示在旁边，生成的div层代码在【部分js代码里】有，他把a标签的data-original-title属性值给放进这个div层里了。鼠标移走就消失。
【问题】
哪位高人能给一个最简单的js代码？我现在的这个js代码非常非常非常长。。。根本看不懂。。。解决后，悬赏多少都可以，求大神指教啊！ 展开
展开全部
你这个是用了插件吧？
你可以看下这个插件的用法，一般都会有参数来设置效果的。
代码的话，你认真看下嘛，怎么会看不懂呢？
无非就是获取链接的data-original-title值，再确定提示框的显示位置而已。
你可以看下这个插件的用法，一般都会有参数来设置效果的。
代码的话，你认真看下嘛，怎么会看不懂呢？
无非就是获取链接的data-original-title值，再确定提示框的显示位置而已。
追问
说的是jquery插件，但是实际上就一个html，一个css，一个js，css已经被我简化到最简单了，js说的是获取值，然后插入、显示，但是写的东西特别多，还被压缩了。而且链接的data-original-title值不知道是怎么获取的？？
追答
是jquery插件的话，一般都是通过 $().data("original-title")来获取这个值的。
你可以在js中搜索这个 orginal-title 知道那段代码了。
插件代码多的原因是，他功能比较全，也考虑了不同浏览器的兼容性啊。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
