32.尚硅谷_jQuery_翻页时同步更新圆点.avi原创

我们先看下面呢。切换页面时，下面的圆点要什么同步更新？也就是说那个圆点是不是有一个红色的圆点，其他的圆点都为灰色的。看到这里先看一下效果，这里面这个圆点是一直没动啊，是这意思吗？你不然的话，如果不动，我就不知道我当前看的是什么，第几张图片，能理解吧，这咋做啊。嗯。好，你说我要更新他们最最关键的东西是什么，我要得到什么东西，就知道怎么更新了。真的。啊，因为它是红色，只需要加一个class就行，那个class的值我直接跟他说为on，为什么第一个呃为红色的，就是因为它有一个class，为什么为on，你去审查一下你就能也能知道，嗯，审查大家看到class为什么啊，其他的有class什么没有，那我要想更新它，你说我最最关键的是要知道什么东西，知道当前这张图片的什么下标。

对不对，也就是说我是不是要时刻知道我当前的下标对不对，能理解不，那也就是说啊，我们应该用一个变量来去存，我就写个index，看谁解零。当前下标是吧，好，这一个值会不会变，会变的对不对，这个值是会变化的，什么时候我要去更新这个index值。是吧，我是不是在切换的时候就应该分下，也就每次page是不是都要去更新那个indnu，最终去更新那个point，根据那个原点是吧，好来我大概呢，我就在这个方法呢，最后我干嘛去了，很简单，更新原点。

但这个不是一条鱼就能搞定的事情，知道吧，所以我干嘛呢？Up，什么points不是point points为什么是此？我要更新两个知道。是不是要根据两个圆点啊，一个圆点要从红色变成灰色，一个圆点要从灰色变成什么红色好，有没有条件呢？有条件，那个条件就是这个什么。Next。

我的么，那时间丢掉了，我能更新吗？我不能更新了，因为那时候决定了我是向下翻还是什么向下翻，也就是说我是显示了上一个按钮上一个原点，还是显示什么下一个原点，所以我应该把这个next给他什么好吗？是不是传过去？看不看懂，看懂了，那下面我们是不是又要定义一个新的函数了，是吧？叫什么？Update points里面要接收一个参数叫什么？Next。来这个来说一下什么意思，很简单，更新什么。原点呗，我们说了更新原点，我当前是不是有一个index。是吧，我要最终要将当前index的记住啊，要将当前index的原点的当前index的什么呀，失败做个什么事情。

它这个当前的是不是那个红色的圆点，我要将红色的圆点变成灰色的圆点，怎么变，是不是移除它的plus。能不懂的干嘛，是不是移除。他的plus不是现在当前，呃，没在这里面啊。在这边是吧。是不是on啊，把它移掉对不对？好了，除了做这个事情，还要做什么事情，我是不是要计算出目标原点的下标对不对，能不能理解，我要知道目标原点是谁，也就是说目标原点是不是应该变成红色？能理解吧？能不能理解，也就是说我首先得计算出什么目标原点的下标，再有了这个下标以后。

将目标原点干嘛？啊，给目标原点，给目标原H加，给目标原点添加什么class等于啊，是不是最终还要做一件事情，最终还要做一件事。你想看你这个目标原点变了以后，你这个index要不要变。也就是说我要将什么index更新为谁啊目标点，也就是他给写一个名字呀，是不是。

能不能？大家看到啊，这个地方有这么多事，能不能看到啊，OK，好，那我们可以这么做啊，把这个放到前面做吧，嗯，这个麻烦一些啊，这个更新这个是不是更新我的那个class啊，我就放在一起做，最后相当于这样的三啊这样的几步去做。好，来写吧，最麻烦的是这一个。先我来去定义个target index，开始让它等于零，这个不好做，我跟大家说啊，不是你想象那么简单。啊，也就是说我当前的这个值啊，怎么算呢？是不是根据我的这个值来算，还跟除了跟他有关系，还跟谁有关系，跟当前的index有没有关系，有是不是他们俩决定的对不对，好，那怎么写。

它是不是有两种词啊，如果它为什么处，我该怎么做是吧？如果它是for，我该怎么做，如果是出呢，我该怎么做？它等于多少？等于多少错误说明你要放到下一页嘛，你说我的下边应该它可能应该是跟它什么关系，加一嘛，对不对，下一个原点嘛，不是有下面要加一吗？而这个呢，减一，但是会有一些特别的情况。什么特别的情况呢，我大家看着啊，我加我不断加是不不断的增多啊，我一共实际上大家看着我啊，大家看到，因为我有一共里面实际上是啊，本身我就五张图片，但是我放了几张图片新张。啊，OK 1234567是七张吧，是吧？啊是七张，好了来看啊，我当前开始的index，这是零是吧？这是一，这是二，这是三，这是四，这是五，这是看的index值吧，这是index值，接着我们是不是去上index去加一，但是有没有可能一加变成六了。

有没有可能，有没有可能，有吧，有大家看啊A应该应该只能只能不能为五啊，错了啊，不能为五，只能为四，因为我们只有什么只有几个，只有五张普变那个下标只能从零到什么四，对不对，但是我算出来这个T代在这里算的话，是不是有可能为五，为五的时候它本质上应该为一。为五的时候，它是不是看到是图片一啊，是一点切B啊，那实际上那个原点是不是显示第一个原点对不对，你要想显示第一个原点，你的那个下边应该为几为几，你要显示第一个原点你嘛。

对不对。能懂我意思吧，也就是说我们这一个的下标，它的范围是多少，它的范围应该是零到我们的image count减一。是不是这个范围，我这么加，是不是有可能超过这个最大值，也就是说什么意思呢？如果它等于了，或者写大于也行啊，写大于也是一个意思啊，因为它一个一个加的啊，OK，如果等于了什么呢？该看是不是错过了是不是，那我应该让我的他给index等于几你。

是不是，也就是说我们只是应该显示的是图片一嘛，对不对？好，那下面这一个呢，是不是一个意思？E如果它的inex等于它的最小值是零，你是不是有可能算出负一来了，算出负一来了实际上是谁，那我应该怎么写呢？实际上应该是我现在看到的是图片是不是5.jpg啊，那应该是以imagine看到吗，减一。对不对，也就是说此时应该看到的是啊，这个地方大家看到啊是谁，是不是一点接PG啊，对不对，那既然是一点接PG嘛，那应该是显示第一个月第几个月呢。

你的当前你的那个红色的圆点应该变为谁，是不是变成那第一个圆点，第一个圆点的下面是一零嘛，能不懂？能懂不啊，要显示第一个圆点，你你这个一一不是第一不是真正的我们的图片一吗？那图片一一对应的圆点不是第一个吗？啊，这个大家应该要能够去搞清楚啊，第一个原理，而此时这个地方啊，这个地方啊，这个此时此时看到的是谁，是不是我那个一个五点接平镜对不对，实际上啊，实际上是我的第什么。是不是第四个圆点呃，啊，第五个圆点啊，因为五点接PG嘛，12345嘛，对吧？啊，第五个圆点啊，就写数字吧，就写这个OK，因为第五个圆点的下边是写是不是啊，因为下面从零开始的嘛。

后面就好做了啊，后面特别好做啊，啊，我要做这个事情怎么做。现在呢，我有index啊，我我是不是有所有的示范呢，所有师范在哪个里面。记得了。我要去把那个这个里面那个下标为index的那个class给它去掉，有几种做法，一种是找到那个元素怎么找啊，怎么找那个元素有两种方式啊，一种是通过我们的过滤的方法，有没有什么方法不有一个equal吗？Equal会什么？Index是不是找到我的那个index所对应的那个SPA的标动对象，但现在是动元对象还结块对象就不对象，我现在要移除某一个class怎么办？点remove是吗？Class哪个好？

那下面这个什么类似的。这怎么写？这是什么index？这不是remove了什么I class？对吧，啊OK，最后呢，做件事情干嘛？Index等于它的index。那除了上面的啊，我说了除了字的话，能不能用别的方式啊，原生的语法怎么写？

我就不用这个，我要用原声的。先拿到points。中化index，接着它里面是不是要操作什么，是不是操作，我们要是不是要把那个class给它去掉，实际上操作的是什么属性。本来不为二嘛，我这么搞是不是就没了，而下面这个呢，首先改一下它为什么。Park next给他写成什么值啊，各位可以其实文章是一样的吧啊，效果是一样的，嗯，好，我们来看一下，看看它会不会变啊。我说。先自己变自己变不变好，关键换行，换换还可以是吧，行不行？

可以可以，So easy。好，这一步我们就搞定了。