无法获取thickbox打开/ tb_show函数忽略第二次尝试

时间:2010-06-19 00:58:52

标签: javascript jquery thickbox

我有两个链接应该在iframe中打开thickbox,但只有一个有效(id为product_photo_zoom_url2的那个)。我有以下jquery代码,当从标记中删除此代码(在第一个代码框中)时,该代码有效。此代码加载图片缩放功能。请参阅下面的完整标记。单击第一个缩放图像时发生的所有情况是页面转到顶部,所以似乎忽略了.click绑定?我如何让它工作?

这是指向示例页面的链接...当您将鼠标悬停在产品图片上时,缩放可以正常工作,但是如果您点击图片,它似乎遵循href“#”而不是点击绑定。如果我禁用缩放功能,那么一切正常。那么为什么变焦会弄乱点击绑定,我该怎么做才能修复它,以便厚盒和缩放一起工作。

sample page

onload="vZoom.add(this, '/v/vspfiles/photos/70367301P-2.jpg');" /

jquery code ..

var titleattr = $("a#product_photo_zoom_url").attr("title"); 
function picurl()
{
tb_show(titleattr, '/PhotoDetails.asp?ShowDESC=N&ProductCode='+ global_URL_Encode_Current_ProductCode + '&TB_iframe=true&height=600&width=520');return false;
} 
$("a#product_photo_zoom_url").click(picurl);
$("a#product_photo_zoom_url2").click(picurl);
$("a#product_photo_zoom_url").attr('href', '#');
$("a#product_photo_zoom_url2").attr('href', '#');

这是html代码......

<a id="product_photo_zoom_url" href="/PhotoGallery.asp?ProductCode=70367301P"
title="70367301P Ignition Box">
<img id="product_photo" src="/v/vspfiles/photos/70367301P-2T.jpg"
border="0" alt="70367301P Ignition Box" onload="vZoom.add(this, '/v/vspfiles/photos   /70367301P-2.jpg');" /></a>
<a id="product_photo_zoom_url2" href="/PhotoGallery.asp?ProductCode=70367301P"    title="70367301P Ignition Box">

1 个答案:

答案 0 :(得分:0)

我假设您知道Firefox + Firebug是调试JS问题的最好朋友。如果没有,请转到addons.mozilla.org网站[* p>]