| Версия 12:19, 27 июля 2016 | | Версия 12:26, 27 июля 2016 |
| Строка 1: | | Строка 1: |
| ? | $('.commentDrop').mousemove( | | + | $('.commentDrop').mouseenter(function(e){ |
| ? | function(e){ | | + | if (!isDropDownBox) { |
| ? | $("#dropDownBox").css({"top": e.clientY + "px", "left": e.clientX + "px"}) | | + | $('#bodyContent').append('<div id="dropDownBox" style="position:fixed;"></div>'); |
| | | + | isDropDownBox = true; |
| | | + | } |
| | | + | var obj = $.parseJSON($(this).find('.commentData').text()); |
| | | + | |
| | | + | var str = '<div style="border:1px dotted;background:#efefef;padding:5px 1em;"><p style="text-align:center;"><b>' + obj.type + ' ' + obj.mark + '</b></p> <dl>'; |
| | | + | |
| | | + | var items = []; |
| | | + | $.each(obj.data, function(key, val){ |
| | | + | items.push('<dt>' + key + ':</dt><dd>' + val + '</dd>'); |
| | | + | }); |
| | | + | |
| | | + | str += items.join('') + ' </dl></div><p> </p>'; |
| | | + | |
| | | + | $("#dropDownBox").html(str); |
| | | + | $("#dropDownBox").css({"top": e.clientY + "px", "left": e.clientX + "px"}); |
| | | + | $("#dropDownBox").show(); |
| | | + | }).mousemove(function(e){ |
| | | + | $("#dropDownBox").css({"top": e.clientY + "px", "left": e.clientX + "px"}); |
| | | + | }).mouseleave(function(){ |
| | | + | $("#dropDownBox").hide(); |
| | }); | | | }); |
Версия 12:26, 27 июля 2016
$('.commentDrop').mouseenter(function(e){
if (!isDropDownBox) {
$('#bodyContent').append('<div id="dropDownBox" style="position:fixed;"></div>');
isDropDownBox = true;
}
var obj = $.parseJSON($(this).find('.commentData').text());
var str = '<div style="border:1px dotted;background:#efefef;padding:5px 1em;"><p style="text-align:center;"><b>' + obj.type + ' ' + obj.mark + '</b></p> <dl>';
var items = [];
$.each(obj.data, function(key, val){
items.push('<dt>' + key + ':</dt><dd>' + val + '</dd>');
});
str += items.join('') + ' </dl></div><p> </p>';
$("#dropDownBox").html(str);
$("#dropDownBox").css({"top": e.clientY + "px", "left": e.clientX + "px"});
$("#dropDownBox").show();
}).mousemove(function(e){
$("#dropDownBox").css({"top": e.clientY + "px", "left": e.clientX + "px"});
}).mouseleave(function(){
$("#dropDownBox").hide();
});
