почему изменение свойства курсора css останавливает работу моего сообщения ajax? - PullRequest
Новая
       23

почему изменение свойства курсора css останавливает работу моего сообщения ajax?

0 голосов
/ 31 декабря 2011

У меня необычная проблема, которая на самом деле не имеет смысла для меня, и я надеялся, что кто-то сможет подсказать мне здесь, что происходит.

Я успешно создал страницу, которая отправляет пользовательские данные, содержащиеся в клиентском jquery, с помощью jquery ajax post request

как это: 

jQuery("#placelistitem1").click(function() {

     var inputVal = jQuery("#edit-location").val();
     //alert('hi');
          jQuery.ajax({
            url: "/createtrips/updateitin",
            type: 'POST',
            //data: {place1: inputVal, place2: 'London'},
            data: placesfortrip,
            dataType: 'json',
            });

     jQuery("#edit-submit").click();

});

Я также хочу, чтобы div, который я использую в качестве кнопки ("# placelistitem1"), имел указатель / курсор в виде руки при наведении курсора мыши ... однако когда я добавляю это свойство, т.е. курсор: указатель на css из # placelistitem1, это не дольше обновляет страницу после нажатия ..

Обратите внимание, что # edit-submit выше - это скрытая кнопка отправки, которая запускает обработчик отправки. У меня есть ощущение, что это может быть связано с этим, но я не знаю, почему свойство, связанное с CSS, может повлиять на обработчики событий или функцию звонки (?)

Ответы [ 2 ]

0 голосов
/ 03 января 2012

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

0 голосов
/ 01 января 2012

Может быть полезным следующее, в зависимости от того, какой браузер используется:

Примечание к pointer и hand

В прошлом значение hand было способом Microsoft сказать pointer; а также IE 5.0 и 5.5 поддерживают только hand. Потому что это значение курсора используется чаще всего, большинство других браузеров также реализовали hand.

Поскольку IE 6 и 7 поддерживают pointer, больше нет причин использовать hand, кроме случаев, когда старые IE являются частью вашей целевой аудитории. В таком случае, единственный кросс-браузерный синтаксис: 

element {
  cursor: pointer;
  cursor: hand;
}

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

Источник: http://www.quirksmode.org/css/cursor.html

...