Tag: 扩展器

如何让jQuery .live()和.expander一起正常运行?

我一直遇到让.expander与包含动态jQuery数据的div一起工作的问题(即在加载DOM之后)。 一个用户确实建议尝试.live(),这让我更近了一步,但它创造了一些奇怪,如下图所示。 我指的是一个单独的问题,其中https://stackoverflow.com/users/830804/eric建议我尝试.live(): 如何使用扩展器函数来处理动态jQuery数据? 注意:幻灯片1-4位于我之前的问题: 如何使用扩展器函数来处理动态jQuery数据? 幻灯片5-6见下文。 幻灯片5:使用.live()在每个模块中创建一个exandable / collapsable div的UI 幻灯片6:在div上多次单击的结果…它添加了多个折叠链接 幻灯片7:使用.live()来定位动态jQuery数据的函数 感谢您提供的任何建议。

如何使用扩展器函数来处理动态jQuery数据?

谢谢你看看这个问题。 我试图让jQuery扩展器function在我的UI中工作。 问题是,当数据在HTML中进行硬编码时它会起作用,但是当数据由jQuery动态放置时它不起作用。 我创建了4张幻灯片以更好地说明问题(请参阅下面的图片): 幻灯片1:包含我试图在所显示的每个模块中展开的小文本的UI。 幻灯片2:为jQuery设置di​​v结构以实时填充日期 幻灯片3: Chrome Inspector显示动态保存在内存中的数据(不在HTML源代码中) 幻灯片4:当我在HTML中对此进行硬编码时,扩展器function起作用: some data… 这是扩展器function的起源: http : //plugins.learningjquery.com/expander/ 很多,非常感谢您提供的任何帮助或建议。 这是幻灯片: 编辑1 – 这是基于您的建议使用.live()的新代码…似乎没有点击调用: $(document).ready(function() { $(‘.div.tags-hidden p’).live(‘click’, function() { $(‘div.tags-hidden p’).expander({ slicePoint: 80, // default is 100 expandText: ‘[…]’, // default is ‘read more…’ collapseTimer: 5000, // re-collapses after 5 seconds; default is 0, so no re-collapsing […]

多次铁塌不工作,只是先扩大

我正在尝试创建多个含有内容的铁塌陷元素。 当用户点击按钮时,我希望铁塌缩。 问题是我无法单独扩展每个元素。 该脚本仅捕获第一个元素,不会影响其他元素。 我尝试了很多代码示例但没有成功。 有人能帮我吗? 我的代码如下: var expandContent = document.getElementById(‘mybutton’); expandContent.onclick = function(event) { var moreInfo = document.getElementById(‘moreinfo’); var iconButton = Polymer.dom(event).localTarget; iconButton.icon = moreInfo.opened ? ‘hardware:keyboard-arrow-down’ : ‘hardware:keyboard-arrow-up’; /*moreInfo.toggle();*/ /* This one works to, don’t know which is better */ event.currentTarget.parentElement.querySelector(‘iron-collapse’).toggle(); }; Primary text Secondary text Second item Third item 我只想在按下相应的按钮后展开一次折叠。 有没有办法改变这个代码来实现我需要的,没有完全重写,因为只有这个代码铁崩溃正常工作并更改其属性expanded =“是/否”,我后来使用cookie?