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