2012-02-14 4 views
0

У меня есть вид, в котором я пользуюсь всплывающей подсказкой, предоставляемой этим сайтом: http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html Это отлично работает с Google Chrome и Firefox, но это не работает в IE6 или IE7. 1. Как заставить его работать в IE-6/7? 2. Кроме того, я хочу иметь ссылку внутри всплывающей подсказки. Когда я пытаюсь щелкнуть внутри всплывающей подсказки, он исчезает. Я не хочу, чтобы это произошло. В качестве обходного пути я сохранил Timeout для всплывающей подсказки. Кроме того, есть ли другой способ добиться этого?Всплывающая подсказка JQuery не работает в IE6 и IE7?

Вот код:

<link href="../../Content/demo.css" rel="stylesheet" type="text/css" /> 
<script src="../../Scripts/json2.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery-1.4.4.js" type="text/javascript"></script> 
<script src="../../Scripts/ajax/demo.js" type="text/javascript"></script> 
<script src="../../Scripts/ajax/jquery.bgiframe.min.js" type="text/javascript"></script> 
<script src="../../Scripts/ajax/jquery.bt.min.js" type="text/javascript"></script> 
<script src="../../Scripts/ajax/jquery.hoverIntent.minified.js" type="text/javascript"></script> 
<script src="../../Scripts/ajax/jqurey.easing.1.3.js" type="text/javascript"></script> 
@*<script src="../../Scripts/ajax/jquery-1.3.2.min.js" type="text/javascript"></script>*@ 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".row").mouseover(function() { 
      var d = $(this).attr("id"); 
      var obj = { x: d }; 
      $.ajax({ 
       url: '/Home/Change', 
       type: "POST", 
       data: JSON.stringify(obj), 
       datatype: "json", 
       contentType: "application/json; charset=utf-8", 
       success: function display(response, status, data) { 
        //alert(response.id); 
        $(".row").bt("<a href='#'>Click here</a> " + response.id, { closeWhenOthersOpen:true,positions: 'bottom', hoverIntentOpts: { timeout: 1500} }); 
       } 
      }); 

     }); 
    }); 
</script> 

Вот код таблицы:

<table> 
@for (int i = 0; i < 5; i++) 
{ 
    <tr id="@i" class="row"> 
    <td>abcd</td> 
    <td>this is row number @i</td> 
    </tr> 
} 
</table> 

Спасибо!

+0

действительно ли образцы на странице автора работают правильно для вас в IE6 и IE7? – torm

+0

Да! .. образцы автора работают в IE6 и IE7! –

ответ

0

Я получил ответ на свой первый вопрос. Чтобы заставить его работать в IE6 и далее, я должен включить проводник Google Canvas: excanvas.sourceforge.net

0

добавить это в первую вашей HTML странице:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
+0

это не сработало. Кстати, это документ .CSHTML, если это имеет значение. –

+0

Документ cshtml будет скомпилирован/обработан для HTML до того, как сервер отправит его в браузер. Все правила HTML применяются к документу CSHTML. – ferhrosa

0

Если авторы образец работы для вас (это не для меня на IE9), то я хотел бы начать с комментированием все CSS и JS, кроме для jQuery и вашего плагина подсказки. Посмотри, будет ли это работать. Если нет, возможно, вы не установили его правильно. Если это сработает. начните раскомментировать другие библиотеки и css, чтобы увидеть, когда он перестает работать. У вас должен быть какой-то конфликт. Вы видите ошибки или предупреждения в Firebug или инструментах разработчика Chrome?

+0

Я получил ответ на свой первый вопрос. Чтобы он работал в IE6 и далее, я должен включить проводник Google Explorer: http://excanvas.sourceforge.net/ –

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