マスカット(http://maskat.sourceforge.jp/)は、他のJavascriptライブラリを取り込めるようなフレームワークになっていまして、配布状態でGoogleMAPやRialtoなどの部品を使用することができるようになっています。とある案件で「マスカットは使用するけど、jQuery UIで訴求力のある提案をしたい!」とのことだったので、マスカットにjQueryを組み込んで使用することができるのか開発元(NTTD)に問い合わせたところ、「できますよ〜」と回答がありました。しかし、組み込みの概要だけしか聞けなかったので、試してみることにしました。大まかな手順は以下の通り。 jQueryUIの使用したい部品のラッパークラス(A)を作成 defaultGetterやdefaultSetterを定義 createWidgetを定義し、DOMを構築する maskat.layou
The Difference Between jQuery's .bind(), .live(), and .delegate() The difference between .bind(), .live(), and .delegate() is not always apparent. Having a clear understanding of all the differences, though, will help us write more concise code and prevent bugs from popping up in our interactive applications. The jQuery team have announced in v1.7 a new method for binding events called on. This me
The Difference Between jQuery’s .bind(), .live(), and .delegate() - Alfa Jango Blog http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/ jQueryの.bind(), .live(), .delegate()違いや仕組みの理解、また.delegate()の方が.live()より優れている理由について書かれています。 内容を簡単に書き出すと以下のようなことについて書かれています。 $('a').bind('click', function() { alert("That tickles!") }); .bind()は$(‘a’)に対してイベントを設定してる。 $('a').live('clic
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
The .on() method attaches event handlers to the currently selected set of elements in the jQuery object. As of jQuery 1.7, the .on() method provides all functionality required for attaching event handlers. For help in converting from older jQuery event methods, see .bind(), .delegate(), and .live(). To remove events bound with .on(), see .off(). To attach an event that runs only once and then remo
I think the problem is fairly obvious here. If you set a static width on the <select> element, any <option> elements that are wider get cut of in IE 7 and below. There is no good CSS solution for this that I can come up with or find. It has been tackled with JavaScript a number of ways.Yahoo! has a fix in their libraries. But I'm already using jQuery, didn't want to add a bunch of extra libraries
解説 指定したイベントハンドラを、focusin イベントにバインドします。 bind("focusin", handler) のショートカットです。 focusin イベントは、マウスなどのポインティングデバイス操作やタブキーを押すなどの操作で、要素がフォーカスを得た時に発生します。 focus(fn) とは違い、バブリングしたイベントも捕捉することができます。 戻り値 jQuery: jQueryオブジェクト 関連 focus(fn) focusout(fn) bind(type, [data], fn) 例 例1:親要素 parent1 は focus / blur イベントにバインドしています。バブリングを捕捉できないため、バインドしたイベントハンドラは実行されません。 親要素 parent2 は focusin / focusout イベントにバインドしています。バブリングを捕捉
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを5つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
XSS with $(location.hash) demo Click this link. It works on IE, Firefox, Chrome, Opera. In Safari, location.hash is percent encoded, not work. why? $("#id") is css selector, $("<img>") is createElement, and $("#<img>") is createElement too. how to fix in your library var hash = "#" + location.hash.replace(/[^\w]/g, ""); if ($(hash).size()) { ... } or patch to jQuery - quickExpr = /^(?:[^<]*(<[\w\W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く