为什么更改 css 光标属性会阻止我的 ajax 帖子工作？答案

【问题标题】：why does changing the css cursor property stop my ajax post from working?为什么更改 css 光标属性会阻止我的 ajax 帖子工作？
【发布时间】：2012-01-31 04:20:02
【问题描述】：

我有一个不寻常的问题，对我来说并没有真正的意义，希望有人能够在这里给我一个关于正在发生的事情的线索。

我成功创建了一个页面，该页面通过 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();

});

我还希望我用作按钮的 div ("#placelistitem1") 在鼠标悬停时有一个指针/手形光标..但是当我添加该属性时，即光标：指向 #placelistitem1 的 css 的指针它没有点击之后再刷新页面..

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

【问题讨论】：

请注意：您在传递给jQuery.ajax 的对象中有一个尾随逗号。
你是如何应用“光标：指针”属性的？你是使用 jQuery 来做，还是实际上在样式表中？
删除'json', 后面的逗号一旦删除，您的 jQuery 将可能按预期工作...
我在样式表本身中使用 cursor:pointer 属性..
我删除了尾随逗号，但它仍然没有工作......但它仍然工作没有将光标设置为指针......奇数

标签： jquery css post cursor mouse-cursor

【解决方案1】：

以下内容可能会有所帮助，具体取决于所使用的浏览器：

注意pointer和hand

在过去，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

【讨论】：

【解决方案2】：

最后，我通过确保我为光标应用样式规则的元素与我用来触发帖子的元素不同，从而解决了这个问题。不知道为什么会导致冲突，但它似乎适用于这个限制

【讨论】：