質問編集履歴

3 書式の改善

退会済みユーザー

退会済みユーザー

2019/04/16 09:21  投稿

lightGalleryのカスタマイズに関して
下記を使ってコードを組みました。
http://sachinchoolur.github.io/lightGallery/docs/api.html#events
```
$('#lightgallery').html(html).lightGallery().on('onSlideItemLoad.lg',function(){
$('.lg-toolbar').append(selectHtml);  
 });  
```
の中に、
```
$('.lg-item').on('click', function() {
   //alert('アラート');
   $(".lg").toggleClass("lg-hide-items");
```
を入れてしまうと、クリックイベントが二回実行されてしまうので、
下の記述のように外に出してみたのですが、
そうすると、全く反応しなくなってしまいます。
どのように記載すれば良いか分かりますでしょうか?
```
$('#lightgallery').html(html).lightGallery().on('onSlideItemLoad.lg',function(){
   $('.lg-toolbar').append(selectHtml);
 });
  $('.lg-item').on('click', function() {
   //alert('アラート');
   $(".lg").toggleClass("lg-hide-items");
});
});
```
  • JavaScript

    37920 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • jQuery

    13419 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

2 誤字

退会済みユーザー

退会済みユーザー

2019/04/16 09:21  投稿

lightGalleryのカスタマイズに関して
下記を使ってコードを組みました。
http://sachinchoolur.github.io/lightGallery/docs/api.html#events
```
$('#lightgallery').html(html).lightGallery().on('onSlideItemLoad.lg',function(){
```
の中に、
```
$('.lg-item').on('click', function() {
   //alert('アラート');
   $(".lg").toggleClass("lg-hide-items");
```
言えてしまうと、クリックイベントが二回実行されてしまうので、
入れてしまうと、クリックイベントが二回実行されてしまうので、
下の記述のように外に出してみたのですが、
そうすると、全く反応しなくなってしまいます。
どのように記載すれば良いか分かりますでしょうか?
```
$('#lightgallery').html(html).lightGallery().on('onSlideItemLoad.lg',function(){
   $('.lg-toolbar').append(selectHtml);
 });
  $('.lg-item').on('click', function() {
   //alert('アラート');
   $(".lg").toggleClass("lg-hide-items");
});
});
```
  • JavaScript

    37920 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • jQuery

    13419 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

1 書式の改善

退会済みユーザー

退会済みユーザー

2019/04/16 09:20  投稿

lightGalleryのカスタマイズに関して
http://sachinchoolur.github.io/lightGallery/docs/api.html#events
```
$('#lightgallery').html(html).lightGallery().on('onSlideItemLoad.lg',function(){
```
の中に、
```
$('.lg-item').on('click', function() {
   //alert('アラート');
   $(".lg").toggleClass("lg-hide-items");
```
を言えてしまうと、クリックイベントが二回実行されてしまうので、
下の記述のように外に出してみたのですが、
そうすると、全く反応しなくなってしまいます。
どのように記載すれば良いか分かりますでしょうか?
```
$('#lightgallery').html(html).lightGallery().on('onSlideItemLoad.lg',function(){
   $('.lg-toolbar').append(selectHtml);
 });
  $('.lg-item').on('click', function() {
   //alert('アラート');
   $(".lg").toggleClass("lg-hide-items");
});
});
```
  • JavaScript

    37920 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • jQuery

    13419 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る