我使用这个Jquery插件:http://www.vegabit.com/jquery_bubble_popup_v2/
完美工作。
现在,我想在页面的其他区域(不直接触发气泡)使用ShowBubblePopup事件,如侧边栏文本链接或其他东西。
不工作
$('#SideBarText').mouseover(function(){
$('#TheBigPopup').ShowBubblePopup();
});
我应该只是把上面的代码到我的"头"之间的Jquery脚本标签?
下面是我的头部代码块的相关区域现在的样子:
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/jquery.bubblepopup.v2.3.1.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/scripts/jquery.bubblepopup.v2.3.1.min.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
$('.wolf').CreateBubblePopup({
position : 'left',
openingSpeed: 1,
closingSpeed: 1,
align : 'center',
width :'260px',
selectable: true,
innerHtml: '<h3>Wolf Company bubble thing',
innerHtmlStyle: {
color:'black',
'text-align':'left'
},
themeName: 'grey',
themePath: '/images/jquerybubble'
});
});
//-->
</script>
在innerHtml
中缺少一个</h3>
结束标记,这对问题没有帮助。