来自父 javascript 文件的 jquery fancybox 弹出式调用答案

【问题标题】：jquery fancybox popup call from parent javascript file来自父 javascript 文件的 jquery fancybox 弹出式调用
【发布时间】：2013-04-18 05:22:37
【问题描述】：

谁能帮助我如何从父 js 文件中调用 fancybox 弹出窗口。当我单击按钮时，如果条件为真，它将起作用功能我需要打开fancybox弹出窗口。提前谢谢..

      $(document).ready(function() {
    $("#EXTERNAL").fancybox({
        'width'             : '80%',
        'height'            : '100%',
        'autoScale'         : false,
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'href'              : 'openpopup.html',
        'type'              : 'iframe'
    });
       });
    function clickFancy(){
if(true){
// here i need open fancypopup
}else(){

}
<body>
<form name="frm1">
    <input type="submit" name="fancy" onclick="clickFancy()">
<button>Click me</button>
</form>
</body>
<html>

【问题讨论】：

父js是什么意思？当你运行这段代码时会发生什么？你的控制台说什么？
我看到你试图编辑我的答案，但如果你有任何 cmets 最好使用 cmets 区域。如果我的解决方案不起作用，是因为您可能需要在 if (true) 中设置一个有效条件 ...。我只是复制了您的原始脚本，并且我假设（可能错误地）您并没有按原样评估该条件，而只是以它为例。

标签： javascript jquery popup fancybox

【解决方案1】：

如果您已经为此选择器初始化了 fancybox

$("#EXTERNAL").fancybox();

然后在你的函数中触发click

function clickFancy() {
    if (true) {
        // here i need open fancypopup
        $("#EXTERNAL").trigger("click");
    } else {

    }
}

... 然后从您需要的任何地方调用该函数。顺便说一句，这个<button>Click me</button> 什么也没做，所以我想知道为什么会在那里。此外，else() 应该只是 else，除非您使用 else if() 嵌套另一个条件。

编辑：

响应您的 edit 尝试，该函数的工作原理如您所见，即 JSFIDDLE。

我怀疑（我无意冒犯）是您在选择器和 javascript 条件语句应该如何工作以及它们如何与 html 元素相关的知识方面存在一些空白。

【讨论】：