2016-09-06 2 views
-1

У меня есть следующий аккордеон-скрипт из jQuery, который отлично работает в Firefox, но не в IE7. Однако в IE7 я вижу 5 разделов без аккордеонного эффекта.jQuery работает в Firefox, но не в IE7

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>jQuery UI Accordion - Default functionality</title> 
    <link rel="stylesheet" href="jquery-ui.css"> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js" 
    type="text/javascript"></script> 
    <script src="jquery-ui.js" type="text/javascript"></script> 

    <script> 
    $(function() { 
     $("#accordion").accordion(); 
    }); 
    </script> 

    <form id="dialogform" title="Edit User" action=""> 
    <div class="edit"> 
    <div> 
     <div id="dataEdit"> 
     <div>Name</div> 
     <input class="name input" type="text" name="name" minlength="2" type="text" required aria-required="true"> 
     <div>Email</div> 
     <input class="mail input" type="email" name="email" required aria-required="true"> 
     </div> 
    </div> 
    </div> 
</form> 
<form id="dialogNewUser" title="New User" action=""> 
    <div class="edit"> 
    <div> 
     <div id="dataNew"> 
     <label> Name</label> 
     <input class="name input" name="name" minlength="2" type="text" required aria-required="true"> 
     <label>Email</label> 
     <input class="mail input" type="email" name="email" required aria-required="true"> 
     </div> 
    </div> 
    </div> 
</form> 

Вопрос

Что я должен сделать, чтобы запустить этот скрипт в IE7?

ответ

0

Существует ошибка с IE 7, вы должны установить «анимированные: false» и «autoHeight: false», чтобы исправить это.

$(window).load(function() { 
     $('div.accordion').accordion({ 
      heightStyle: "content", 
      animated : false, 
      autoHeight : false 
     }); 

    }); 

Также проверьте свои якорные метки. IE7 не любит, чтобы они были вокруг тегов dt. Вот JSFiddle, который должен работать в IE7, и вы можете использовать его в качестве основы, чтобы исправить то, что у вас есть:

http://jsfiddle.net/y6m2N/21/

+0

Большое спасибо за Ваш комментарий! Поскольку я новичок, не могли бы вы рассказать мне, где я могу это сделать? Я не нашел его в файле jquery-ui.js. Или мне нужно добавить этот код в html-файл? – Columbus

+0

Это javascript, который вы добавили бы на страницу aspx. –

+0

Еще раз спасибо! Для IE11 это одно и то же решение? – Columbus

Смежные вопросы