JQuery显示DIV和删除按钮

时间:2021-01-11 作者:neosan

使用jQuery,

我想在显示div(#div wordpress)后删除该按钮

我以为我懂这个把戏,但没有。。。没用,我想我忘了什么。

enter image description here

如果有人能告诉我最现代最简单的方法

clic=Show 部门和Remove 按钮

我的代码

/* Show/Hide my div*/   
jQuery(document).on(\'click\',\'#my-button\',function() {
      jQuery(\'#div-wordpress\').slideToggle(\'230\',\'swing\',\'hide\');
      jQuery(this).remove();//supposed to be #my-button ?
     });

1 个回复
最合适的回答,由SO网友:Q Studio 整理而成

/* Show/Hide my div*/   
jQuery(document).on(\'click\',\'.my-button\',function() {
  //jQuery(\'.div-wordpress\').slideToggle(\'230\',\'swing\',\'hide\');
  this.remove();//supposed to be #my-button ?
});
请注意,我已经用ID交换了类,只做了一个小的JS更新-this 单击的元素是否在jQuery事件中-不是jQuery(this)

这是一个密码笔:https://codepen.io/qstudio/pen/PoGdLgX

相关推荐

如何正确地将jQuery旋钮放在WordPress上而不会发生冲突?

我正在构建一个插件,我想使用jQuery Knob 但似乎使用这种方法:plugins_url( \'/assets/js/jquery.knob.min.js, . . . . . 与其他插件有冲突?如何像这样转换它?wp_enqueue_script( \'jquery-ui-widget\' ); wp_enqueue_script( \'jquery-ui-mouse\' ); wp_enqueue_script( \'jquery-ui-accordion\' );&