实时网站和内联模态窗口的大问题

时间:2011-07-15 12:18:08

标签: javascript jquery

出于某种原因,我的弹出代码停止在实际网站上工作。过去2个月我没有改变任何事情。重启服务器没有帮助。

我在不同的用户和浏览器中遇到此问题。所有JS代码都存储在我的服务器上。 清空缓存并不能解决问题。当通过Xammp运行本地时,一切正常。恢复备份并没有解决问题。

I'm using this script

弹出窗口现在无法打开,但我在浏览器中看到了这个: enter image description here

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script type="text/javascript" src="includes/js/menucontents.js"></script>
<script type="text/javascript" src="includes/js/anylinkmenu.js">
</script>

<script type="text/javascript">
//anylinkmenu.init("menu_anchors_class") //Pass in the CSS class of anchor links (that contain a sub menu)
anylinkmenu.init("menuanchorclass")
</script>

<script type="text/javascript" src="includes/js/jquery.js" charset="utf-8"></script>
<script type="text/javascript" src="includes/js/jquery.floatheader.js" charset="utf-8"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#top_header').floatHeader({
        fadeIn: 0,
        fadeOut: 0
    });
});
</script>
<script type="text/javascript" src="includes/js/jquery.jeditable.js" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function() {
    //When you click on a link with class of poplight and the href starts with a #
    $('a.poplight[href^=#]').live('click', function() {
        var popID = $(this).attr('rel'); //Get Popup Name
        var popURL = $(this).attr('href'); //Get Popup href to define size

        //Pull Query & Variables from href URL
        var query= popURL.split('?');
        var dim= query[1].split('&');
        var popWidth = dim[0].split('=')[1]; //Gets the first query string value

        //Fade in the Popup and add close button
        $('#' + popID).fadeIn('slow').css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="images/icon/delete.png" class="btn_close" title="<?php echo $lang['sluit'] ?>" /></a>');

        //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
        var popMargTop = ($('#' + popID).height() + 20) / 2;
        var popMargLeft = ($('#' + popID).width() + 20) / 2;

        //Apply Margin to Popup
        $('#' + popID).css({
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });

        //Fade in Background
        $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
        $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies

        return false;
    });

    //Close Popups and Fade Layer
    //$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
    $('a.close').live('click', function() { //When clicking on the close...
        $('#fade , .popup_block').fadeOut(function() {
            $('#fade, a.close').remove();  //fade them both out
            location.reload(); // reload page
        });
        return false;
    });
});

有人在我的数据库中放了一个导致问题的数据:(我删除了这个,现在一切正常。

斯坦\的

我不明白为什么会出现问题。

3 个答案:

答案 0 :(得分:0)

如果浏览器导航到此URL(#?w = 700),则意味着未触发click事件处理程序,因此执行了锚点的默认行为(导航到URL)。

检查服务器端:尝试从服务器获取JS文件。在浏览器中键入使用过的脚本文件的URL,并尝试确保它不是从浏览器缓存中提供的。 (您确保以这种方式可以在您的服务器上真正访问JS文件。) 要检查客户端,您可以执行多项操作。确保客户端浏览器已启用JS。检查JS控制台是否有错误。尝试调试JS,例如在Firebug中看看发生了什么。

答案 1 :(得分:0)

你必须检查你的firebug,你应该有一个错误..它可以是一切,或者Jquery核心不再在服务器上,或者是重复的或其他JS不存在...错误控制台应该给你一些关于此的信息

答案 2 :(得分:0)

有人在我的数据库中放了一个导致问题的数据:(我删除了这个,现在一切正常。