Question

我正在使用FaceBox 我希望它只在页面加载时打开一次。我检查过那里的网站没有任何关于此的说明。

通常我会使用这样的链接手动打开模态窗口。

<a href="javascript: jQuery.facebox({ajax:'FBhair.php'});"   onClick="self.location=this.href; return false">$15 Hair</a>

此脚本启动facebox

  <script type="text/javascript">
jQuery(document).ready(function($) {
  $('a[rel*=facebox]').facebox({
    loadingImage : 'facebox/src/loading.gif',
    closeImage   : 'facebox/src/closelabel.png'
  })
})
</script>

Answer 1

您可以轻松地以编程方式触发点击事件

$(anchor_element).click();

或者如果你有一个你想要的，例如，添加一个类

<a href="javascript: jQuery.facebox({ajax:'FBhair.php'});"
   class="firstone"
   onClick="self.location=this.href; return false">$15 Hair</a>

然后

$(".firstone").click();

Answer 2

<a id="mylink" href="javascript: jQuery.facebox({ajax:'FBhair.php'});"   onClick="self.location=this.href; return false">$15 Hair</a>



<script type="text/javascript">
jQuery(document).ready(function($) {
  $('a[rel*=facebox]').facebox({
    loadingImage : 'facebox/src/loading.gif',
    closeImage   : 'facebox/src/closelabel.png'
  })
$('#mylink').click();
})
</script>

Answer 3

更改facebox脚本的$('a[rel*=facebox]')部分。这是选择器。默认是所有带有rel =“facebox”的链接，但您可以改为使用类似$("#facebox")的内容，它只会选择id =“facebox”的对象。您还可以执行$(".popups a")，它将使用class =“popups”选择元素内的所有链接。最后，您可以使用像$(".popups a:first-child")这样的伪选择器，它只会在元素class =“popups”facebox中生成第一个链接。

祝你好运。

打开页面加载

3 个答案: