为什么更改css cursor属性会阻止我的ajax帖子工作?

时间:2011-12-31 19:15:20

标签: jquery css post cursor mouse-cursor

我有一个不寻常的问题,对我来说并没有多大意义,并且希望有人能够在这里给我一个关于发生了什么的线索。

我成功创建了一个页面,通过jquery ajax post请求发送客户端jquery中包含的用户数据

像这样:

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();

});

我还希望我用作按钮(“#placelistitem1”)的div在鼠标悬停时有一个指针/手形光标...当我添加该属性即游标时:指向#placelistitem1的css的指针它没有点击后更长时间刷新页面..

请注意,#edit-submit上面是一个隐藏的提交按钮,触发提交处理程序..我感觉可能与此有关但我不知道为什么样式化的CSS相关属性会影响事件处理程序或功能电话(?)

2 个答案:

答案 0 :(得分:0)

根据使用的浏览器,以下内容可能会有所帮助:

  

关于pointerhand

的说明      

过去,hand值是微软说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

答案 1 :(得分:0)

最后,我通过确保我为光标应用样式规则的元素与我用于触发帖子的元素不同来解决这个问题。不确定为什么会导致冲突,但它似乎与此限制一起使用