2013-06-25 2 views
0

Привет, я использую HTML/javascript/jquery. Но я становлюсь ниже ошибки в IE. Я использую IE7 и XP.Ошибка скрипта только в браузере IE с помощью jquery?

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

ha спасибо @jogesh_pi должен был поймать, что – mcgrailm