Что я делаю не так с этим поведением всплывающей подсказки jQuery? - PullRequest
Новая
       25

Что я делаю не так с этим поведением всплывающей подсказки jQuery?

1 голос
/ 08 апреля 2011

(редактировать) текущее поведение - подсказка не отображается при наведении курсора. не заголовок html по умолчанию или подсказка jquery (/ edit)

У меня есть календарь на веб-странице. Когда у дня есть событие, и вы наводите на него курсор, отображается атрибут заголовка html, содержащий имена событий, разделенные запятыми. Это будет выглядеть ужасно, когда в один день будет 20 событий, поэтому я хочу сделать это по-другому, используя jQuery. Вот мой код для показа всплывающей подсказки (у меня возникли проблемы с использованием $ для jQuery, потому что я не понимаю конфликтных ситуаций между другими сценариями jQuery на странице и вывод всего этого, кажется, просто работает): 

jQuery(function(){
        var tip = jQuery("#tip");

        //on hover of links with a class of "eventful"
        jQuery(".eventful a").hover(function(e){

            //pull the title attribute into variable "tip"
            tip.text(jQuery(this).attr("title"));

            //make the default title blank
            jQuery(this).attr("title", "");

            //place the new title with css
            tip.css("top",(e.pageY+5)+"px")
                .css("left",(e.pageX+5)+"px")
                .fadeIn("slow");

        }, function() {
                //on mouse out remove
                jQuery("#tip").fadeOut("fast");

                //replace the default title
                jQuery(this).attr("title", tip.html());
        });
    });

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

var titleArray = $ (". Eventful"). Attr ("title"). Split (",");

если это сработает, я не уверен, как включить это и получить в ul. Заранее большое спасибо за помощь!

1 Ответ

0 голосов
/ 08 апреля 2011

tip div должен иметь стиль position:absolute, а его z-индекс должен быть больше, чем у других элементов на странице.Добавить jQuery("#tip").css('z-index',somehighvalue)

...