Question

我有一个以下代码在broswer中工作没有任何问题。当我尝试在responsinator中运行时，提交后，我发现页面无法找到错误。我做错了吗？可以帮一些吗？谢谢！

$(document).ready(function () {


 $('#form-signin').validate({
    rules: {
        login: {
            minlength: 3,
            maxlength: 15,
            required: true               
        },
        password: {
            minlength: 3,
            maxlength: 15,
            required: true                
        }
    },
    messages: {               //messages to appear on error
         login: {
             required:"Please Enter your user ID."                      
              },               
          password: {
              required: "Please Enter Password."                                     
              }
        },
    highlight: function (element) {
        $(element).closest('.control-group').addClass('has-error');
    },
    unhighlight: function (element) {
        $(element).closest('.control-group').removeClass('has-error');
    },
    sucess: function(element){
        $element.text("OK!").addClass('valid');
    },
    submitHandler: function(form) {        
                  $.ajax({
                   url:"/iPay/UserValidationServlet",
                  type:"POST",
                  dataType: "json",
                  data: $('#form-signin').serialize(),

               success: function(result){
               var obj = jQuery.parseJSON( result );
                   if (obj.success) {                      
                        window.top.location = obj.redirectUrl;
                    } else {                       
                        $('#errorMessage').html(obj.message);
                    }

             }
           });
        }
});
});

问题编号2.标题下方的标题在浏览器中很好，但在负责任的情况下（在服务器中验证为iPad）最后两列正在包装到第二行而不是在同一行上调整。图像sige是315X116像素。

        <div class="page-header">         
        <div class="row">            
         <div class="col-md-1"><image src="images/NGLiPay3.png"></image></div>                          
        <div class="col-md-2 col-md-offset-8"><%=name%></div>
            <div class="col-md-1">
            <button type="button" class="btn btn-info navbar-btn navbar-right">Sign Out&nbsp;<i class="fa fa-sign-out icon-1x" title="Sign Out"></button>
            </div>
        </div>      
    </div>

Answer 1

您可能会遇到的问题是Responsinator正在尝试在iframe中显示您的内容，并且浏览器正在阻止将其作为安全措施。您可以尝试将您的网站添加为设置中的“受信任网站”，或将浏览器配置为仅允许为您的网站显示不安全的内容

。
您可能还想查看其他选项以及响应式测试。以下内容包含有助于显示和显示不同尺寸内容的链接，书签和浏览器工具：http://www.gonzoblog.nl/2012/03/21/10-testing-tools-for-responsive-web-design/

对于你的第二个问题，我建议你开一个单独的帖子。在SO上撰写包含多个问题的帖子并不是一个好主意。通过单个问题发布帖子更容易，可以提供明确的答案。

jquery窗口顶部位置不在responsinator中工作

1 个答案: