私はこの 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>