Положение jquery () - PullRequest
Новая
       1

Положение jquery ()

0 голосов
/ 06 мая 2011

У меня есть всплывающая подсказка, данные которой выбираются через ajax.Моя проблема в том, что я хочу отрегулировать высоту поля, чтобы соответствовать данным (просто некоторая разметка).

Ящик абсолютно позиционирован, и я хочу, чтобы верхнее позиционирование изменялось в зависимости от размера бокса, чтобы его нижняя граница всегда касалась позиции элемента ниже.

В хроме это работает нормально.Но в FireFox я не могу заставить его работать.Я попытался получить начальное значение top css, вызвав .position (). Top, а также получив значение css .css ('top').Ни одна из них не работает в FF.Я не уверен, что делать.

var popup=$('#saved_descr_wrap');
var cur_height=popup.height();
var cur_top=popup.css('top');
cur_top=parseInt(cur_top);



var entryHover = function(event){
    var favorite_id=2;
    popup.show();

//  var fave_id=$(event.target).closest('tr').attr('data-postid');

    $.get('{{Site}}/favorites/view/', {id:favorite_id}, function(data){
        popup.find('img').hide();
        $('#saved_note').text(data);
        var new_height=popup.height();

        var c=cur_top + cur_height - new_height;


        popup.css('top', c);
    });

};

var exitHover=function(event){ 
//  popup.hide();
    popup.css('top',cur_top);
    $('#saved_note').text('');
    popup.find('img').show();
};

$('tbody tr').hoverIntent({over:entryHover,out:exitHover});

Вот мой выстрел в пользовательский интерфейс jQuery (также ошибка): 

     var entryHover = function(event){
    popup.position({my:"right bottom",at:"top right", of:"#main_box"});
    popup.show();

    var fave_id=$(event.target).closest('tr').attr('data-postid');

    $.get('{{Site}}/favorites/view/', {id:fave_id}, function(data){
        popup.find('img').hide();
        $('#saved_note').text(data);

    });

};

var exitHover=function(event){ 
    popup.hide();
    popup.position({my:"right bottom",at:"top right", of:"#main_box"});

    $('#saved_note').text('');
    popup.find('img').show();
};

$('tbody tr').hoverIntent({over:entryHover,out:exitHover});

1 Ответ

1 голос
/ 06 мая 2011

Вы можете использовать функциональность jQuery UI?Если вы можете, вы изучили функцию положения?

Пример 

        $( ".positionable" ).position({
            of: $( "#parent" ),
            my: "top left",
            at: "top left",
        });
...