Question

我有以下内容：

标题中的

：

<script type="text/JavaScript">

$(document).ready(function()
{

$(".modal").fancybox({ // for modals pages
        'autoSize' : true,
        'type' : 'ajax'
    }); 

$("#tip5").fancybox({
'scrolling'     : 'no',
'titleShow'     : false
});

$("#zoom").fancybox({ // for modal images
        'autoScale' : true,
        'transitionIn' : 'fade',
        'transitionOut' : 'fade'
    });


</script>

然后是我的HTML：

    <a href="#tip5" href="#login_form" title="Lorem ipsum dolor sit amet">Inline</a>

<div style="display:none">
    <form id="login_form" method="post" action="">
            <p id="login_error">Please, enter data</p>
        <p>
            <label for="login_name">Login: </label>
            <input type="text" id="login_name" name="login_name" size="30" />
        </p>
        <p>
            <label for="login_pass">Password: </label>
            <input type="password" id="login_pass" name="login_pass" size="30" />
        </p>
        <p>
            <input type="submit" value="Login" />
        </p>
        <p>
            <em>Leave empty so see resizing</em>
        </p>
    </form>
</div>

这只是内联测试代码，可以让它先运行！

无论如何，根本没有任何反应。

我在我的网站上的其他地方使用Fancybox来获取模态页面和图像等等，这一切都没问题，但内联不起作用？

Answer 1

您正在定位

href="#login-form" (with dash)

但您的目标表单的ID是

<form id="login_form" ... (with underscore)

因此选择器不匹配。傻，不是吗？ ;）

Answer 2

你有一个错字：

<a href="#tip5" href="#login-form"...

VS

<form id="login_form"...

第一个是使用下划线（_）

的超级（ - ）

Answer 3

抱歉，对不起，对不起的人 - 我的打字糟透了！双重href是问题

 <a href="#tip5" href="#login_form"

应该是

 <a id="tip5" href="#login_form"

Fancybox内联没有显示

3 个答案: