如何解决Jquery - 在同一个 div 容器上复制一个按钮,所以我有 2 组具有相同功能的按钮容器上方和下方
我对此完全陌生,因为我主要是一名设计师,所以请注意:我正在学习。 我正在尝试修改 WP 插件,以便能够通过 JQuery 克隆按钮。 原代码是这样的:
SliderBehavIoUr.prototype.setupButtons = function (container,buttons) {
var _this = this;
this.$buttons = buttons;
this.$VoteButton = this.$buttons.filter('button[value="Vote"]');
this.$resultsButton = this.$buttons.filter('button[value="results"]');
this.$prevIoUsButton = jQuery("<button type=\"button\" class=\"totalpoll-button totalpoll-buttons-slider-prevIoUs\">" + this.poll.config['i18n']['PrevIoUs'] + "</button>");
this.$nextButton = jQuery("<button type=\"button\" class=\"totalpoll-button totalpoll-buttons-slider-next\">" + this.poll.config['i18n']['Next'] + "</button>");
container.prepend(this.$prevIoUsButton);
container.append(this.$nextButton);
经过大量阅读、检查和尝试后,我在上一代码的最后一行之后添加了这一行:container.append(this.$nextButton).clone(true,true).prependTo(".totalpoll-form");
。
它确实复制了按钮,但它们不起作用。它实际上显示了所有按钮(上一个、投票、下一个),而不是像在 div 下方的原始按钮集上那样只显示“下一个”。
所以基本上按钮在容器下方显示和工作,我需要在容器顶部也有一组重复的按钮。
按钮 容器 按钮
我不确定插件上其他地方的代码是否阻止按钮工作。我知道使用 clone (true,true)
会复制元素及其功能。如果我对此太陌生,我会感到困惑和抱歉,我可能会在一些非常简单的事情上寻求帮助。提前致谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。