Js 小白问个 pjax 的问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2904 天前的主题，其中的信息可能已经有所发展或是发生改变。

pjax 刷新的区域带有<a onclick="">这种 onclick 事件，在第一次页面加载时 onclick 事件点击是有反应的（）,
pjax 请求后 onclick 事件就不生效了，用了$(document).on()那种还是不行。

onclick

pjax

事件

document

41 条回复 • 2016-12-21 14:50:00 +08:00

piapia123

2016-12-20 14:36:55 +08:00

pjax?

knightdf

2016-12-20 14:37:45 +08:00

小白问个问题:什么是 pjax?

JimmyCai

2016-12-20 14:38:15 +08:00 via Android

pjax 后要重新绑定事件

liujin834

2016-12-20 14:38:41 +08:00

用 pjax 还不如用 angular

Spectre

2016-12-20 15:01:09 +08:00

@JimmyCai 怎么重新绑啊搜了下是$(document).on 那个写法写了 pjax 后还是没触发事件

Spectre

2016-12-20 15:01:20 +08:00

@piapia123 嗯啊

Spectre

2016-12-20 15:01:47 +08:00

@liujin834 额没用过额。

bombless

2016-12-20 15:08:23 +08:00

$.on 都不行那要不说明你写错了要不说明你浏览器环境没救了
po 主发出来这效果说不定表明 v2 有可以利用的 xss 漏洞 @Livid

Spectre

2016-12-20 15:26:52 +08:00

@bombless pjax 刷新第一次的区域有个 a 标签里面有个 onclick 触发事件，后来我把 onclick 去掉了给 a 加了个 id 然后写$(document).on 那个，第一次进界面可以，后来 pjax 请求刷新那个区域后，就不能了。。填充的区域 a 也加了 id 的。

Livid

MOD

2016-12-20 15:36:53 +08:00

@bombless 1. V2EX 的 Markdown 允许一些安全标签
2. 楼主的原帖里有这样的安全标签
3. 楼主的原帖不应该用 Markdown 渲染，因为这样会导致其中的安全标签无法显示。现在改为 default 渲染之后应该可以表达原意

palmers

2016-12-20 15:37:49 +08:00

怎么 a 标签没有 href 属性呢?

Spectre

2016-12-20 15:39:15 +08:00

@Livid Markdown 渲染是啥 ``` ```吗我直接手打的。。

Livid

MOD

2016-12-20 15:40:03 +08:00

@Spectre 如果你用的是 https://www.v2ex.com/new 这个地址发帖，那么帖子会默认用 Markdown 渲染。

alex321

2016-12-20 15:41:11 +08:00

很久之前我们前端教训我，要用 on 代理。。。

Spectre

2016-12-20 15:41:13 +08:00

@palmers you 啊不过里面是 void 那种

Spectre

2016-12-20 15:42:19 +08:00

@Livid 额好吧不是很懂呢

bombless

2016-12-20 15:46:54 +08:00

@Spectre 首先确定一下，你知道 on 是怎么用的吧？
好比说你 DOM 结构是
<div id="a"><div id="b"></div></div>
然后你要用 ajax 刷新#b 节点
那你要$('#a').on('click', '#b', function() { /* ... */ })来代理
你确定是用类似这种方式吧？

Spectre

2016-12-20 15:51:44 +08:00

@bombless

<div id='pjax-container'>
<a href='' id='add'></a>
</div>

$(document).on('click','#add',function(){
});

这种刷新区域是 pjax-container 也是这个区域会被一个准备好的区域替代，除了数据不一样其他都一样
刚开始进界面 on 事件有用， pjax 后 on 事件没用了

bombless

2016-12-20 16:49:48 +08:00

也许你那页面用了什么别的框架比如什么模板库来替换一大块 DOM
建议可以慢慢剥掉外层的无关代码，一边确定问题是否能重现
最后找到能重现的最少的代码，运气好的话还能找到 ajax 后能触发 click 的代码
然后对比这两套代码
还找不到问题可以把最少的可以重现的代码发出来，这样别人也能帮你查