链接到Fancybox覆盖内的内容会产生错误,不会链接

时间:2013-09-20 18:42:25

标签: javascript hyperlink fancybox

我们在较旧的旧网站上为登录表单提供了此Fancybox叠加层。我没有建立这个网站,但我想弄清楚它。我添加了一个链接到新的“注册”页面,人们可以在这里注册(在代码的底部)。

我已经在这个网站上检查了许多其他线程,看起来它们应该与此相关,但我还没能通过使用它们来解决我的问题。只是想让大家知道我在发布之前至少进行过搜索。

到目前为止,我已经尝试过了:

  • 简单锚链接
  • 使用javascript重定向,位置等锚定

似乎没什么用。我总是得到这个错误:

  

无法加载请求的内容。请稍后再试。

这让我失去了理智。如此简单(链接到另一页)不应该这么困难。

标注调用模式的内容:

<a style="float:right;<?= preg_match("/MSIE 7/",$_SERVER['HTTP_USER_AGENT']) ? 'width:135px;' : '' ?>position:relative;top:-3px;left:8px;" href="#login" class="button modal"><span class="begin"></span>Client Login<span class="end"></span></a>

模态标记:

<div id="login" class="modal">

    <form id="login" method="post" action="http://myposturl/">

        <h3>Enter your user name and password to login:</h3>

        <fieldset class="fields">

            <p><label for="username">Username:</label> <span class="field"><input type="text" id="username" name="username" tabindex="1" class="required" /></span></p>

            <p><label for="password">Password:</label> <span class="field"><input type="password" id="password" name="password" tabindex="2" class="required" /></span></p>

            <div class="clear"></div>

            <p><a class="button" href="#submit" onclick="document.forms['login'].submit();" onkeypress="document.forms['login'].submit();" title="Login"><span class="begin"></span>Login<span class="end"></span></a>

                <a href="javascript:;" class="button" onclick="$.fancybox.close();"><span class="begin"></span>Cancel<span class="end"></span></a></p>

        </fieldset>

    </form>

    <p><a href="http://myregistrationurl/">New User? Register here!</a></p>

</div>

以下是实际调用Fancybox的代码:

<script type="text/javascript">
    $(document).ready(function() {
        $("a[href*=http://]:not('.facebook_link'),a[href*=https://]:not('.facebook_link')").fancybox({
            'transitionIn' : 'fade', 
            'transitionOut' : 'fade', 
            'height' : '100%', 
            'width' : 900, 
            'speedIn' : 300, 
            'speedOut' : 0, 
            'overlayColor' : '#000'
        });         
        $('a.modal').fancybox({
            'transitionIn' : 'fade', 
            'transitionOut' : 'fade', 
            'speedIn' : 300, 
            'speedOut' : 0, 
            'overlayColor' : '#000',
            'titleShow' : false
        });
        $('.cycle').cycle({
            fx: 'fade',
            pause: true
        });
    });
</script>

0 个答案:

没有答案