Web サイトにサードパーティの Flash オブジェクトを埋め込み、jquery .click イベントをそのラッパー div にバインドしてリンクを追加しようとしています。Firefoxではこれが機能しています。ただし、Chrome と IE では、jQuery の .click イベントを通じてアクセスできる div がないように見えます。つまり、ページ上のすべての要素をバインドしてクリック時に何かをアラートする場合、フラッシュ オブジェクトをクリックしてもアラートはスローされません (Firefox を除く)。
$("*").each(function() {
$(this).click(function() {
alert($(this));
});
});
私はフラッシュオブジェクトにwmode = "transparent"のパラメータを与えるために他の場所を読みました...それはFFで動作しました。
フラッシュ オブジェクトがどのように埋め込まれているかを次に示します。
<?php if ($post->post_name == 'insurance') {?>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.wmode = "transparent";
params.menu = "false";
params.allowScriptAccess = "never";
params.allowNetworking = "internal";
swfobject.embedSWF("/wp-content/uploads/2012/06/ad_Imagine_300x250_FLASH1.swf", "myRightRailAd", "300", "250", "10.0.0", false, flashvars, params);
<div id="adboxrightcol" class="adHolder" style="z-index: 1000;">
<div id="myRightRailAd" style="position: absolute;">
<img id="myContent" src="<?php bloginfo('url');?>/wp-content/uploads/2012/06/ad_Imagine_300x250_JPG1.jpg" alt="BMO" width="300" height="250">
</div></div>
そしてバインドされている jQuery クリック イベント:
$(document).ready(function() {
$("#adboxrightcol").click(function() {
location.href="http://www.somesite.com/car-insurance-quotes?utm_source=comparasave_ad&utm_medium=comparasave_insurancelp&utm_campaign=imagine_bb_ad";
});
});