IE10上的jQuery问题

Question

The following jquery code works just fine on the latest version of Chrome, 以下jquery代码在最新版本的Chrome上可以正常运行，

On focus event of the input field it should trigger the autocompletion of the field itself using ajax to retrieve the suggestions but it does not work at all on IE10 在输入字段发生焦点事件时，它应该使用ajax来触发字段本身的自动补全以获取建议，但在IE10上根本不起作用

The console is empty... 控制台是空的...

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script>
  $(function() {

    function log( message ) {
      $( "<div>" ).text( message ).prependTo( "#log" );
      $( "#log" ).scrollTop( 0 );
    }

     $( "#myBut").click(function(){

     if($('#city').val() == "")
     return;

     log("selected: " + $("#city").val() );

     $('#city').val("");
     $('#city').blur("");

     });

    $( "#city" ).autocomplete({
      source: function( request, response ) {
        $.ajax({
          url: "http://localhost:8085/TestJsonArrayAJAX/MyServlet",
          dataType: "json",
          data: {
            q: request.term
          },
          success: function( data ) {

            alert("ciao");
            response( data );
          }
        });
      },
      minLength: 0,
      select: function( event, ui )
      {

          alert('ccc');

      },
      open: function() {
        $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
      },
      close: function() {
        $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
    }}).focus(function() {    alert("c"); 
            //Use the below line instead of triggering keydown
            $(this).data("uiAutocomplete").search($(this).val()) });
  });
  </script>
</head>
<body>

<div class="ui-widget">
  <label for="city">Your city: </label>
  <input id="city">
  Powered by <a href="http://geonames.org">geonames.org</a>

</div>

<button name="subject" id="myBut" value="HTML">HTML</button>

<div class="ui-widget" style="margin-top:2em; font-family:Arial">
  Result:
  <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
</div>


</body>
</html>

Answer 1

There are known issues with scrollTop on IE. IE上的scrollTop存在已知问题。 Might this help? 可能有帮助吗？ document.body.scrollTop is always 0 in IE even when scrolling 即使在滚动时，document.body.scrollTop在IE中也始终为0

IE10上的jQuery问题

问题描述

1 个解决方案

解决方案1
0 2015-09-28 16:13:27

IE10上的jQuery问题

问题描述

1 个解决方案

解决方案1 0 2015-09-28 16:13:27

解决方案1
0 2015-09-28 16:13:27