「Javascript」カテゴリーアーカイブ

[select2]上手く動作しない時のメモ[dialog]

投稿日時: 投稿者:
返信

お久しぶりです。

jquery（3.x.x）、Bootstrap（4.x.x）とSelect2（4.x）プラグインを利用してmodalを表示。
この時にselectタグにselect2を充てる・・・
しかし、うまくoptionタグ部分のリストと絞り込みの部分が表示されないという現象になりました。
続きを読む →

スポンサーリンク

[メモ]easyselectbox.js[覚書]

投稿日時: 投稿者:
返信

おはこんちは！

今回は、jqueryのプラグインで上手く動かないかったので、多少修正したのをメモしておきます。

症状：onClickでクリックのイベントが返ってくるが、一度選んだoptionのvalueをかえさなくなるバグ。 続きを読む →

スポンサーリンク

[覚書]イベント伝搬キャンセル[jquery]

投稿日時: 投稿者:
返信

たまにしか使わないので、メモ・・・・

■preventDefault()
リンクの遷移などのイベントが無効になる

■stopPropagation()
イベント伝播がキャンセルになる。
但し、リンク遷移は有効のまま。

スポンサーリンク

[jquery]Deferred[メモ]

投稿日時: 投稿者:
返信

お久ぶりの書き込み

ajaxの処理でDeferredを使うのに、良く忘れるのでDeferredのスニペット・・・

function hoge() {
  var d = $.Deferred();
  $.ajax({
    url: url,
    type: 'post',
    dataType: 'json',
    data: {data:data}
  }).done(function(res){
    if (res.status=='success') {
      d.resolve(res.data);
    } else {
      d.reject(res.msg);
    }
  }).fail(function(){
    d.reject('error');
  }).always(function(){
  });
  return d.promise();
}
スポンサーリンク

[メモ]iphoneモバイルsafariでon[jquery]

投稿日時: 投稿者:
返信

おひさしぶりの更新です。

今日は、iphoneのモバイルsafariで

$(document).on('click', '.element', function(){
    console.log('hoge');
});

を実行させたかったのだけど・・・

はまったorz

andoroidとか普通にevent実行されるのに・・・
半日格闘していました。。

簡単に書くと、
htmlを表示し、都度ajaxによってデータを取得しhtmlを生成させ、その生成されたタグをclickしたら、ある特定のeventを実行させるという、チョー簡単なこと。。

結論からかくと
iphoneのモバイルsafariは、動的に生成されるhtmlタグにcssの要素「cursor:pointer;」が無いと、onでclick(タップ)イベントが取得できないということらしい。

で、headタグのstyleタグ中に該当のタグ(class)に「cursor:pointer;」を設定することで上手くイベントが取得でき特定の動きをさせることができるようになりました。
他andoroidには影響は特にありませんでした。

めでたしめでたし。。

本当にモバイルsafariに半日時間を返せといいたい。。

※多分aタグに対してclick(タップ)のイベントを取得するようにしていれば、問題に放っていなかったと思われるが、aタグなんて使わないよ・・・

スポンサーリンク