微件定制器中的更改不会触发“保存并发布”

时间:2014-07-09 作者:danbrown

我正在使我们的一些小部件对customiser友好,因此它们可以在自定义页面上工作,并支持小部件预览。通常,当您更新小部件时,“保存”按钮可用,并更改为“保存并发布”。

但是,我使用了一些javascript(令牌输入http://loopj.com/jquery-tokeninput/) 在小部件文本输入上,人们可以很好地从选项列表中进行选择。问题是,此字段的更新不会触发保存和发布选项,因此无法保存更改。

有人有什么想法吗?

基本表单字段为:

<input name="the_token_input" id="" class="the_token_input" value="This will be the token input" /> 
一旦初始化了javascript令牌输入,就会创建一个全新的元素来承担输入的角色,如下所示:

<ul class="token-input-list">
  <li class="token-input-token">Choice 1</li>
  <li class="token-input-token">Choice 2</li>
  <li class="token-input-token">Choice 3</li>
</ul>
一旦你做了更改,它不会影响原始的输入字段,所以我猜这就是为什么页面认为没有任何更改。。。

2 个回复
SO网友:SkyShab

我的一个自定义小部件也遇到了类似的问题。动态插入的字段值似乎不会触发小部件表单的更新。最后,我将以下内容添加到插入动态值的js中:

$(input).trigger(\'change\');
其中输入是要更新的字段。

不确定是否有更好的方法来做到这一点,但这对我来说很有效。

SO网友:Weston Ruter

确保触发change 上的事件input 要素否则,定制程序将不知道它有一个需要在小部件设置中更新的更新值。

结束

相关推荐

Individual Widgets per Page

在我的Wordpress网站(仅限于页面,无帖子)中,我需要在侧边栏中放置一些静态blob。我们可以将这些“blob”称为小部件。至少他们会有一个固定的html内容,如“摘要1”、“摘要2”、“免责声明”、“foo策略”。。。我需要的是,在每一页上都有不同的安排。因此,这不仅仅是“单一”对“归档”,而是真正的“产品页面A”对“产品页面B”对“关于我们”对“服务条款”。。。我在考虑自定义元框,以便在单个编辑器页面上打开和关闭它们wp-admin/post.php?post=196&action=ed