jquery fancybox从父javascript文件弹出调用

jquery fancybox popup call from parent javascript file

本文关键字:调用 文件 javascript fancybox 从父 jquery      更新时间:2023-09-26

有人能帮我如何从父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>

如果您已经为此选择器初始化了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()嵌套另一个条件。

编辑

作为对编辑尝试的响应,您可以看到函数的工作原理是JSFIDDLE

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