2011-12-31 3 views
0

У меня есть необычная проблема, которая на самом деле не имеет для меня смысла, и надеялся, что кто-то сможет дать мне понять, что происходит.Почему изменение свойства курсора css останавливает мой пост ajax от работы?

Я успешно создал страницу, которая отправляет пользовательские данные, содержащиеся в стороне клиента JQuery через запрос JQuery Ajax пост

так:

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 "), чтобы иметь указатель/ручную курсор, когда theres навещает курсор. Однако, когда я добавляю это свойство, т.е. курсор: указатель на css из # placelistitem1, он больше не обновляет страницу после щелчка.

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

+2

Просто голова: у вас есть конечная запятая в объекте, который вы переходите на 'jQuery.ajax'. – Ivan

+0

Как вы применяете свойство «cursor: pointer»? Вы используете jQuery для этого, или это действительно в таблице стилей? – Jordan

+0

Удалите запятую, следующую за '' json ', 'как только она будет удалена. JQuery будет * вероятно работать как ожидалось ... –

ответ

0

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

Обратите внимание на 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

0

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