像fancybox jquery一样，单击一个div pop onclick

我需要弹出一个类似jquery的div，具有弹性效果，我正在使用下面的编码，但它不起作用

HTML:

jQuery：

jQuery(document).ready(function () {
    $("#LoginAnchorLink").click(function () {
        $("#dialog").fancybox();
    });
});

---

我是遗漏了什么还是出了问题？

重读后，我决定编辑这篇文章。 这应该更清楚

不要忘记为fancybox附加css和javascript文件

您的登录表单

<div style="display: none;">
    <div id="logindiv" style="width:400px;height:100px;overflow: hidden;">
        You div with login data and input fields
    </div>
</div>

您可以使用登录数据和输入字段进行div

登录链接

<a id="loginbutton" href="#logindiv" title="enter your login details here">Login Here</a>

jQuery

<script type="text/javascript">
    $(document).ready(function() {
        $("#loginbutton").fancybox({
            'titleShow'     : true,
            'transitionIn'  : 'elastic',
            'transitionOut' : 'elastic',
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#登录按钮”）.fancybox({
“标题秀”：没错，
“transitionIn”：“弹性”，
“transitionOut”：“弹性”，
});
});

重读后，我决定编辑这篇文章。 这应该更清楚

不要忘记为fancybox附加css和javascript文件

您的登录表单

<div style="display: none;">
    <div id="logindiv" style="width:400px;height:100px;overflow: hidden;">
        You div with login data and input fields
    </div>
</div>

您可以使用登录数据和输入字段进行div

登录链接

<a id="loginbutton" href="#logindiv" title="enter your login details here">Login Here</a>

jQuery

<script type="text/javascript">
    $(document).ready(function() {
        $("#loginbutton").fancybox({
            'titleShow'     : true,
            'transitionIn'  : 'elastic',
            'transitionOut' : 'elastic',
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#登录按钮”）.fancybox({
“标题秀”：没错，
“transitionIn”：“弹性”，
“transitionOut”：“弹性”，
});
});

您的HTML应该像dis一样进行更改

<a href="#" id="LoginAnchorLink">ClickME</a>
<div style="display:none;">
<div id="dialog" class="Popup">
    content of the div have to be popup
</div>
</div>

必须弹出div的内容

---

确保jquery库和fancybox js文件的路径必须像dis一样更改

<a href="#" id="LoginAnchorLink">ClickME</a>
<div style="display:none;">
<div id="dialog" class="Popup">
    content of the div have to be popup
</div>
</div>

必须弹出div的内容

---

确保jquery库和fancybox js文件的路径

#LoginAnchorLink在HTML中未被引用。是否可以在具有缩放效果的div中实现弹出效果？#LoginAnchorLink在HTML中未被引用。是否可以在具有缩放效果的div中实现弹出效果？如果他仍然使用与发布的jquery代码相同，这些html更改没有任何区别。你也应该提出一个有效的jQuery代码。如果他仍然使用与发布的jQuery代码相同的jQuery代码，这些html更改不会有任何区别。您还应该提出一个有效的jQuery代码。