假设我有一个锚链接,例如:
<a id="page-contact" rel="shadowbox;width=640;height=400" href="/contact.php">link here</a>
我怎么能从jquery打开它,即
jQuery('#page-contact').click();
显然,这会调用 .click 事件,但如果有意义,则不会执行 href。
这样做的目的是实际打开一个灯箱,而不是像 window.location 那样更改页面
假设我有一个锚链接,例如:
<a id="page-contact" rel="shadowbox;width=640;height=400" href="/contact.php">link here</a>
我怎么能从jquery打开它,即
jQuery('#page-contact').click();
显然,这会调用 .click 事件,但如果有意义,则不会执行 href。
这样做的目的是实际打开一个灯箱,而不是像 window.location 那样更改页面
To change your current page to the href
attribute of that element:
document.location.href = $('#page-contact').attr('href');
EDIT now that we have the real question, I think you can do this:
var obj = Shadowbox.setup('#page-contact');
Shadowbox.open(obj);
If you want to redirect the browser window to that target (specified in the href
attribute) do this:
window.location.href = $('#page-contact').attr('href');
if you want to trigger a click event on a jquery selection use:
('#page-contact').trigger('click')
使用其中任何一种来触发click
事件:
$('#page-contact').click();
或者……</p>
$('#page-contact').trigger('click');
如果您已正确初始化 Shadowbox 插件,触发的点击将导致灯箱出现。
再次击败极客!
我已经做到了,它有效!:-)
Shadowbox.open({
content: '/content.php',
type: 'iframe',
title: 'Tags',
height:350,
width:450
});