0

这个问题类似,我想使用名为 dropkick 的下拉插件,它用更好看的自定义下拉菜单替换选择菜单。这一次,我想将 wordpress 档案放在下拉列表中。这样做的标准方法是这样的:

<select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
  <option value=""><?php echo esc_attr( __( 'Select Month' ) ); ?></option> 
  <?php wp_get_archives( 'type=monthly&format=option&show_post_count=1' ); ?>
</select>

为了使这种技术适用于 dropkick,我想删除 php 的 onchange js 部分,所以它看起来像这样:

<form action="???" method="get" class="prettyArchive">
    <select>
         <option value=""><?php echo esc_attr( __( 'Select Month' ) ); ?></option> 
         <?php wp_get_archives( 'type=monthly&format=option&show_post_count=1' ); ?>
    </select>
</form>

将此下拉列表转换为“漂亮下拉列表”的 jquery 是:

$('.prettyArchive select').dropkick({
      theme: 'default',
      change: function (value, label) {
         INSERT CALLBACK HERE
      }
});

我需要一个回调来模拟上面显示的 onchange 事件。我不认为需要提交表单,而是在更改时刷新页面?不知道该怎么做。有任何想法吗?

4

1 回答 1

1

没有使用过那个特定的插件,所以我不确定将哪些值传递给回调,但可能是这样的:

$('.prettyArchive select').dropkick({
      theme: 'default',
      change: function (value, label) {
         document.location.href=value;
      }
});
于 2012-05-07T18:57:45.233 回答