2013-06-25 81 views
0

嗨Iam使用HTML/javascript/jquery。但我在IE瀏覽器單獨下錯誤。我使用IE7和XP。腳本錯誤只在使用jQuery的IE瀏覽器?

enter image description here

下面

是代碼:

$(function(){ 
    $("select").multiselect(); 
    var i =1; 
    $("select").change(function() { 
     var str = $(this).val(); 
     $('.lbCriteriaContainer').html(''); 
     $.each(str, function(index, value) { 
      var liTag = $('<li class="lbAlt"></li>'); 
      var removeIcon= $('<img src="images/cross.jpg" style="cursor: pointer;width: 15px;padding-top: 3px;">'); 
      var textElement=$('<span>'+value+'</span>'); 
      liTag.append(removeIcon); 
      liTag.append(textElement); 
      $('.lbCriteriaContainer').append(liTag); 

      removeIcon.bind('click',function(){ 
       liTag.remove(); 
       $('select [value='+value+']').removeAttr('selected'); 
       $('select').multiselect('refresh'); 
      }); 
     }); 

    }).change(); 


<script type="text/javascript" src="js/jquery-1.6.js" ></script> 

<link rel="stylesheet" type="text/css" href="css/jquery.multiselect.css" /> 
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 
<script src="js/jquery.multiselect.js" type="text/javascript"></script> 

謝謝!

+0

我注意到在WinXP你。那是什麼版本的IE? – George

+0

似乎看起來像IE 7或8(IE標誌上的黃色「窗扇」)。 – Joseph

+0

@ F4r-20我想最高的是IE8,因爲這是XP的限制。 –

回答

2

你錯過了$(function(){語句的結束括號和括號:

,這部分應該是加載的所有包含腳本後) - jogesh_pi

<link rel="stylesheet" type="text/css" href="css/jquery.multiselect.css" /> 
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 
<script src="js/jquery.multiselect.js" type="text/javascript"></script> 

$(function(){ 
    $("select").multiselect(); 
    var i =1; 
    $("select").change(function() { 
     var str = $(this).val(); 
     $('.lbCriteriaContainer').html(''); 
     $.each(str, function(index, value) { 
      var liTag = $('<li class="lbAlt"></li>'); 
      var removeIcon= $('<img src="images/cross.jpg" style="cursor: pointer;width: 15px;padding-top: 3px;">'); 
      var textElement=$('<span>'+value+'</span>'); 
      liTag.append(removeIcon); 
      liTag.append(textElement); 
      $('.lbCriteriaContainer').append(liTag); 

      removeIcon.bind('click',function(){ 
       liTag.remove(); 
       $('select [value='+value+']').removeAttr('selected'); 
       $('select').multiselect('refresh'); 
      }); 
     }); 

    }).change(); 
}); 
+2

,這部分應該是所有包含的腳本加載;) –

+0

哈謝謝@jogesh_pi應該已經抓住了 – mcgrailm

相關問題