Jquery Fancybox内联不显示

我有以下资料：

在标题中：

<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>

$（文档）.ready（函数（）
{
$（“.modal”）.fancybox（{//用于模态页面
“自动调整大小”：true，
“type”：“ajax”
}); 
$（“#tip5”）.fancybox({
“滚动”：“否”，
“标题秀”：错误
});
$（“#缩放”）.fancybox（{//用于模式图像
“自动缩放”：正确，
“transitionIn”：“fade”，
“transitionOut”：“淡入淡出”
});

然后是我的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进行模式页面和图像等，这一切正常，但内联不起作用？？？

您有一个输入错误：

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

您的目标是

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

但目标表单的ID是

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

对不起，对不起，对不起人们-我的打字很糟糕！双href是个问题

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

谢谢，这实际上不是正确代码的输入错误，而是我的输入，我现在将复制并粘贴！无论如何，仍然无法工作
 <a href="#tip5" href="#login_form" 

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