Question

我有很短的时间来解决这个问题。请帮帮我。

我有一个页面显示所有可用的产品， enter image description here

当用户点击“查看产品”时，应该重定向，并且它完美无缺。如下， enter image description here

但我之间有一个问题，一秒钟。在此重定向之间，页面像某些东西一样折叠并成功重定向。我以某种方式通过打印屏幕捕获，如下图 enter image description here

我不知道为什么会这样。并且需要持续很长时间才能担心。这对客户来说有点烦人。我不知道为什么会这样。请给我一些。

编辑：第一张图片的代码（页面折叠）：**<HEAD>**

        <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
        <link rel="stylesheet" href="css/superfish.css" type="text/css" />
        <link rel="stylesheet" href="css/template.css" type="text/css" />
        <link rel="stylesheet" href="css/updates.css" type="text/css" />
        <link rel="stylesheet" href="css/custom.css" type="text/css" />
        <link rel="stylesheet" href="css/tab.css" type="text/css" />


    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
        <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

        <!-- This stylesheet only adds some repairs on idevices  -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/responsive-devices.css" type="text/css" />
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:300,400,700,900&amp;v1&mp;subset=latin,latin-ext" type="text/css" media="screen" id="google_font" />
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700&amp;v1&mp;subset=latin,latin-ext" type="text/css" media="screen" id="google_font_body" />
        <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/jquery-1.8.2.min.js">\x3C/script>')</script>
        <script src="js/jquery.noconflict.js" type="text/javascript"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.1/modernizr.min.js" type="text/javascript"></script>
        <link rel="apple-touch-icon" href="images/favicons/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="72x72" href="images/favicons/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="images/favicons/apple-touch-icon-114x114.png">
    <script>
    $(function() {
      $('#tabs')
        .tabs({ selected: 2 })
        .addClass('ui-tabs-vertical ui-helper-clearfix');
    $( "#wire,#wired" ).click(function() {
     $(this).attr('class', 'active');$( "#wirel" ).attr('class', 'inactive');

    });

    $( "#wirel,#wireless" ).click(function() {
     $(this).attr('class', 'active');$( "#wire" ).attr('class', 'inactive');});
    });

    $(function() {

    $(".submit").click(function(event) { 
        window.location="view_product.php?id="+event.target.id;
    });

    });
    </script>
<script type="text/javascript" src="js/bootstrap.min.js"></script><!-- Bootstrap Framework -->
<script type="text/javascript" src="js/plugins.js"></script><!-- jQuery Plugins -->
<script type="text/javascript" src="js/superfish_menu.js"></script><!-- Superfish Menu -->
<script type="text/javascript" src="js/kalypso_script.js"></script><!-- custom scripts file -->
<!-- prettyphoto scripts & styles -->
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" />
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>


<script type="text/javascript">
function ppOpen(panel, width){
    jQuery.prettyPhoto.close();
    setTimeout(function() {
        jQuery.fn.prettyPhoto({social_tools: false, deeplinking: false, show_title: false, default_width: width, theme:'pp_kalypso'});
        jQuery.prettyPhoto.open(panel);
    }, 300);
} // function to open different panel within the panel

jQuery(document).ready(function($) {
    jQuery("a[data-rel^='prettyPhoto'], .prettyphoto_link").prettyPhoto({theme:'pp_kalypso',social_tools:false, deeplinking:false});
    jQuery("a[rel^='prettyPhoto']").prettyPhoto({theme:'pp_kalypso'});
    jQuery("a[data-rel^='prettyPhoto[login_panel]']").prettyPhoto({theme:'pp_kalypso', default_width:800, social_tools:false, deeplinking:false});
    jQuery(".prettyPhoto_transparent").click(function(e){
    e.preventDefault();
    jQuery.fn.prettyPhoto({social_tools: false, deeplinking: false, show_title: false, default_width: 980, theme:'pp_kalypso transparent', opacity: 0.95});
    jQuery.prettyPhoto.open($(this).attr('href'),'','');
    });
});
</script>

其余的代码只是简单的标签和数据库连接。

页面在重定向之前折叠

0 个答案: