ボタンの装飾について

kintone カスタマイズ
1

お世話になっております。

 

ボタン装飾にて下記を入れていますが、

表示できないアプリがあり困っております。

下記表示を消すと通常のボタンは出てきますが

何が原因でしょうか？

$(myIndexButton).addClass('kintoneplugin-button-normal');

 

デバックすると「Uncaught ReferenceError: $ is not defined」

というエラーが出ています。

新しく作成したアプリでプラグイン、他jsは入っておりません。

 

ご教授の程よろしくお願いいたします。

 

var myIndexButton = document.createElement(‘button’);
$(myIndexButton).addClass(‘kintoneplugin-button-normal’);
myIndexButton.id = ‘my_index_button’;
myIndexButton.innerHTML = ‘一覧’; kintone.app.getHeaderMenuSpaceElement().appendChild(myIndexButton);

2

エラーメッセージ「 $ is not defined」のとおり、「$」が定義されていないと思われます。

「$」は、通常 jQuery の別名として定義しますので、jQuery ライブラリを参照して、下記のように指定します。

jQuery.noConflict();
(function ($) {
'use strict';

...

})(jQuery);

jQuery ライブラリの指定方法は、第12回 jQueryを利用してみよう

>表示できないアプリがあり困っております。

逆に表示できるアプリは、他のプラグイン等でたまたまjQuery が定義されているだけです。

 

あと、今回はCSSクラスを追加するだけなので、jQuery を使わず JavaScript だけでも記述できます。

myIndexButton.classList.add('kintoneplugin-button-normal');

jQuery を使うかどうかも含めて、検討してみてください。

 

3

rex0220様

 

お世話になっております。

ご指摘の箇所変更で無事表示されました。

また一つ勉強になりました。

ありがとうございました。