jQuery的KEYUP不會IE11

工作，我對每個文本框中多個文本框，並呼籲jQuery的KEYUP其工作精細的Mozilla Firefox和chrome.In的Internet ExplorerjQuery的KEYUP不會IE11

其第一個工作正常文本框它的工作完美，因爲它應該是，但其他文本框不能正常工作，我的意思是他們的關鍵是不打電話。。下面是我的代碼： -

我對每個文本框中多個文本框，並呼籲jQuery的KEYUP其工作精細的Mozilla Firefox和chrome.In的Internet Explorer

其工作罰款第一個文本框它的工作完美，因爲它應該是，但其他文本框不能正常工作，我的意思是他們keyup不呼叫。。下面是我的代碼： -

<script type="text/javascript"> 
    $(function(){ 
    $(".search").keyup(function() 
    { 

    var searchid = $(this).val(); 
    var idloc=document.getElementById("state").value; 

    var type='p_school'; 
    var dataString = 'locality='+ searchid+'&id='+ idloc+'&type='+ type; 

    if(searchid!='') 
    { 
     $.ajax({ 
     type: "POST", 
     url: "loaddata.php", 
     data: dataString, 
     cache: false, 
     success: function(html) 
     { 
     $("#result").html(html).show(); 
     } 
     }); 
    }return false;  
    }); 

    jQuery("#result").on("click", ".show", function() { 
     var $name = $(this).find(".name").text(); 
     var $id = $(this).find(".pid").text(); 
     var type='state'; 
     var pid='pid='+$id+'&type='+ type; 
     $.ajax({ 
     type: "POST", 
     url: "load_state.php", 
     data: pid, 
     cache: false, 
     success: function(html) 
     { 
     //alert (html); 
     $('#p_school').show(); 
     $('#p_school').html(html); 
     $('#p_school_old').hide(); 
     } 
     }); 
     $("#searchid").val($name); 
     }); 

     jQuery(document).on("click", function(e) { 
     var $clicked = $(e.target); 
     if (! $clicked.hasClass("search")){ 
     jQuery("#result").fadeOut(); 
     } 
    }); 


    if(searchid=='') 
    { 
    $('#searchid').click(function(){ 
     jQuery("#result").fadeIn(); 
    }); } 
    }); 

    $(function(){ 
    $(".search1").keyup(function() 
    { 
    alert ("hello second textbox"); 
    var searchid1 = $(this).val(); 
    var idloc1=document.getElementById("state1").value; 
    var type1='s_school'; 
    var dataString1 = 'locality1='+ searchid1+'&id1='+ idloc1+'&type1='+ type1; 


    if(searchid1!='') 
    { 
     $.ajax({ 
     type: "POST", 
     url: "loaddata.php", 
     data: dataString1, 
     cache: false, 
     success: function(html) 
     { 
     $("#result1").html(html).show(); 
     } 
     }); 
    }return false;  
    }); 

    jQuery("#result1").on("click", ".show1", function() { 
     var $name = $(this).find(".name1").text(); 
     var $id = $(this).find(".sid").text(); 
     //var pid='pid='+ $id.+'&type='+ type; 
     var type='s_state'; 
     var pid='pid='+$id+'&type='+ type; 
     $.ajax({ 
     type: "POST", 
     url: "load_state.php", 
     data: pid, 
     cache: false, 
     success: function(html) 
     { 
     //alert (html); 
     $('#s_school').show(); 
     $('#s_school').html(html); 
     $('#s_school_old').hide(); 
     } 
     }); 

     $("#searchid1").val($name); 
     //alert ("Danstring"); 

     }); 

     jQuery(document).on("click", function(e) { 
     var $clicked = $(e.target); 
     if (! $clicked.hasClass("search_ss")){ 
     jQuery("#result1").fadeOut(); 
     } 
    }); 

    if(searchid1=='') 

    { 
    $('#searchid1').click(function(){ 
     jQuery("#result1").fadeIn(); 
    }); } 
    }); 


    </script> 

//HTML Code 

    HTML are below:- 

    <input type="text" placeholder="Primary School" name="primary[]" autocomplete="off" class="search" id="searchid" style="margin-top: 7px; border: 1px solid #7B9E94; min-height: 29px;"> 

    <input type="text" placeholder="Secondary School" name="secondary[]" autocomplete="off" class="search1" id="searchid1" style="margin-top: 7px; border: 1px solid #7B9E94; min-height: 29px;"> 


    Thanks

來源

2014-11-14 sujit

你的第二個元素有沒有相同的類名稱「搜索」，但有些不同的「search_ss」。我無法理解它是如何在Chrome或Mozilla上運行的。 – 2014-11-14 15:46:41

由於您的輸入元素具有不同的類名稱，嘗試改變這一行：

$(".search").keyup(function()

這樣：

$(".search, .search_ss").keyup(function()

來源

2014-11-14 15:48:13

jQuery的KEYUP不會IE11

回答

相關問題