WordPresを使用した際のJqueryの記述方法（Elementorのエレメントの追加で対応する場合）

WordPresを使用した際のJqueryの記述方法

Elementorで一般エレメントの追加でJQueryをしたいときの記述方法

実行環境

• Elementotを使用

方法

HTMLのエレメントをドラッグ＆ドロップで画面に追加する。
そのご、HTMLを記述するコードに以下の形式でJQueryコードを記述する。

jquery

<script type="text/javascript">
(function($) {
    $(function() {
# ここから---------------------------------------------------------------------
        $('button').on('click',function(){
            alert("click");
        });         
# ここまでに好きなコードを記述する-----------------------------------------------
    });
})(jQuery);
</script>