首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jQuery live()函数

jQuery live()函数
EN

Stack Overflow用户
提问于 2011-04-04 07:37:32
回答 3查看 665关注 0票数 1

我对jQuery的live()函数有一个问题。

我正在使用PHP创建购物篮,并对php脚本进行json调用以将特定的商品添加到购物篮中。

这是我的电话:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
if ($('.add_to_basket').length > 0) {
    $('.add_to_basket').live('click', function() {
        var button = $(this);
        var id = $(this).attr("rel");
        $.getJSON("/basket/action/add/id/" + id, function(data) {
            if (!data.error) {
                $('.basket_no_of_items').text(data.no_of_items);
                $('.basket_items_total').text(data.total);
                button.text('Remove from the basket');
            }           
        });
        return false;
    });
}

你知道我可能做错了什么吗?

我已经检查过firebug,它似乎只将请求发送到/basket/action/add -没有id位。

EN

回答 3

Stack Overflow用户

发布于 2011-04-04 09:27:42

使用live()的整个思想是在事件发生时注册函数(例如,单击)一组元素,无论它们在创建函数时是否存在。

添加($('.add_to_basket').length > 0)将检查这组特定的元素是否存在。根据我上面的描述,这是适得其反的。所以,要么:

  1. 删除($('.add_to_basket').length > 0),这应该适用于所有人。将.add_to_basket元素
  2. 更改$('.add_to_basket').live('click', function() {...});美元(“.将$('.add_to_basket').click(function() {...});)并用$(document).ready()将其包裹起来。ready()以确保在将函数注册到click时已加载所有DOM元素。

希望这是有意义的。

Sumit

票数 4
EN

Stack Overflow用户

发布于 2011-04-04 07:56:15

尝试删除"length“检查,我打赌它会干扰.live()函数。

票数 1
EN

Stack Overflow用户

发布于 2011-04-04 12:49:31

$.getJSON("/basket/action/add/id/" + id, function(data) {})更改为$.getJSON("/basket/action/add/id/" ,{ pid : id}, function(data) {})

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5535749

复制
相关文章
【R语言】数据框按两列排序
我相信大家经常会使用Excel对数据进行排序。有时候我们会按照两个条件来对数据排序。假设我们手上有下面这套数据,9个人,第二列(score)为他们的考试成绩,第三列(code)为对应的评级。80分以上为优秀,60-80为良,60以下为差。
生信交流平台
2022/09/21
2.3K0
【R语言】数据框按两列排序
小程序-两列瀑布流布局
新的设计图是按两列瀑布流排版的,类似于花瓣网那种。看到设计图后就在网上找,如何在小程序简单的实现,后来找到了一个特别简单的方法,就是利用wx:if和数组的下标对2取余来判断是排在左列还是排在右列, 话不多说看图上代码:
九旬
2020/10/23
2K0
小程序-两列瀑布流布局
两列布局——但只用右浮动
通过这个实验我明白了一个知识点,做左右结构的时候,不用把左边的写上左浮动,只需要把有浮动的块放到最前边,并设置有浮动,左边的放在有浮动的下边而且不用管,这样,父元素也不用清楚浮动,左边的元素也不用左浮动,一切就依旧会和自己做左右布局的老方法一样的效果。切记,结构上,把有浮动的元素放到前边,并设置右浮动。 为了试验不用清楚浮动,我把clearfix的相关代码注销了。 上代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset
xing.org1^
2018/05/17
8810
2.布局解决方案 两列、三列、多列、不定宽+一列自适应<6>
和上面的解决方案是一样的,自己动脑筋哦 下面的overflow的方式 display:table和flex大家自己练习。
河湾欢儿
2018/09/06
1.7K0
Excel按列排序和按行排序
文章背景:Excel二维表中记录着多行多列的数据,有时需要按行或按列排序,使数据更加清晰、易读。下面分别对按列排序和按行排序进行介绍。
Exploring
2022/08/10
3.1K0
Excel按列排序和按行排序
响应式布局rem布局
第一步:从UI设计师拿到设计稿(psd) 640*1136 第二部:在样式中给HTML一个fontSize值,我们一般都给一个比较好算的值,比如:10px 100px... 在这里我们之所有用100px,主要是浏览器最小的字体大小都是12px,用10px比例会存在偏差
河湾欢儿
2018/09/06
1.9K0
shell按列合并文件
cat命令可以按行依次合并两个文件。但有时候我们需要按列合并多个文件,也就是将每一个文件的内容作为单独的的几列,这个时候可以用paste来按列合并多个文件。 用法: paste file1 file2 ...
生信编程日常
2020/06/28
2.9K0
响应式布局流式布局
响应式布局:根据不同的尺寸适配 viewport width=device-width 设置视口的宽度等于设备的宽度,如果不设置的话,默认视口的宽度是980px 通俗理解:我们这个操作其实展示当前这个页面一共有多宽(浏览器的宽度)
河湾欢儿
2018/09/06
9670
响应式布局
原理:在不同屏幕下,通过媒体查询来改变布局容器的大小,再改变里面子元素的排列方式和大小,从而实现在不同大小的屏幕下,看到不同的页面布局和样式。
赤蓝紫
2023/01/01
2.9K0
响应式布局
流体布局、响应式布局
设备屏幕有多种不同的分辨率,页面适配方案有如下几种: 1、全适配:响应式布局+流体布局 2、移动端适配:
Devops海洋的渔夫
2019/05/31
2K0
junit方法按顺序执行
选定版本,直接加注解
IT云清
2021/12/06
1.3K0
junit方法按顺序执行
sql按顺序去重
参考博客: https://blog.csdn.net/qtvb1987/article/details/42081585
周杰伦本人
2022/10/25
8450
sql按顺序去重
数组按指定顺序排序
数组排序可以直接使用 sort() 方法,可以对数组按规律排序。 但如果指定一个没有规律的顺序进行排序呢? 同样可以使用  sort() 方法: const data = [   { name: '张三', code: 'zs' },   { name: '王五', code: 'ww' },   { name: '赵七', code: 'zq' }, ]; data.sort((star, next) => {   const sortList = ['zq', 'zs', 'ww']   return 
德顺
2022/06/12
2.7K0
c语言运算符优先级顺序表_运算符优先级顺序
上表中,优先级同为1 的几种运算符如果同时出现,那怎么确定表达式的优先级呢?这是很多初学者迷糊的地方。下表就整理了这些容易出错的情况:
全栈程序员站长
2022/09/20
3.8K0
c语言运算符优先级顺序表_运算符优先级顺序
BI技巧丨按列排序
PowerBI本身内置的排序方式,是遵循ASCII国际标准的方式,这就导致了中文的默认排序对于很多小伙伴来说并不友好。
PowerBI丨白茶
2022/11/12
3.5K0
BI技巧丨按列排序
pandas按行按列遍历Dataframe的几种方式
iterrows(): 按行遍历,将DataFrame的每一行迭代为(index, Series)对,可以通过row[name]对元素进行访问。 itertuples(): 按行遍历,将DataFrame的每一行迭代为元祖,可以通过row[name]对元素进行访问,比iterrows()效率高。 iteritems():按列遍历,将DataFrame的每一列迭代为(列名, Series)对,可以通过row[index]对元素进行访问。 示例数据
kirin
2021/04/30
7.1K0
实现线程按顺序输出ABC
线程按顺序输出ABC 实现描述:建立三个线程A、B、C,分别按照顺序输出十次ABC 首先建立一个方法,按照条件进行输出 class PrintABC{ private int index=0; public synchronized void print(int n) { // TODO Auto-generated method stub try { while(index!=n) { wait(); } if(index==0) { System.out.
呆呆
2021/10/06
7800
响应式布局入门
本文主要介绍了响应式设计的入门知识,包括媒体查询、弹性图片和弹性字体、媒体类型、断点、响应式图片、响应式布局、设备像素比、浏览器兼容、媒体查询的兼容性等。
练小习
2017/12/29
1.7K0
响应式布局入门
Spring Boot properties 优先级顺序
Properties are considered in the following order:
前Thoughtworks-杨焱
2021/12/07
2620
点击加载更多

相似问题

响应两列布局(列表和详细信息面板)

26

响应式两列布局

13

按优先级顺序折叠窗口上的WPF面板

11

两列响应式css布局

11

PySpark按顺序连接两列

15
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文