如何在验证后打开 jQuery Facebox？

Question

我想在一些 JavaScript 验证后打开一个 Facebox 模式。我正在使用以下代码：

<script type="text/javascript" src="facebox.js"></script>

脚本：

function validatePage()
{
  if(document.getElementById('username').value == '')
  {
        alert('Please enter Username');
        return false;
  }

  //My Code should go here
}

标记：

<a href="pagename.php" rel="facebox" onclick="javascript:validatePage()">Click Me</a>

由于某种原因，facebox 模式无法打开...instread 页面正在新窗口中打开。

任何建议都将受到高度赞赏。

提前致谢

Answer 1

你的 onclick 是否覆盖了 Facebox 功能？我不知道是否会这样，但这是一个想法。您是否尝试过手动触发该功能？

function validatePage(e)
{
  if(document.getElementById('username').value == '')
  {
      alert('Please enter Username');
  } else {
      $.facebox({ajax: $(e).attr("href")});
  }
  return false;
}

我只是将元素传递给函数，以使其扩展到其他事物。您只需在 onclick 中输入 "javascript:validatePage(this)" 即可。