Select2 has shiny new docs!

Thank @kevin for entertaining my suggestions. :)

https://select2.org/

#javascript #jquery #django #foss

AdminLTE 4.0: Restart for the dashboard framework

AdminLTE appears in version 4.0 – with a complete overhaul to Bootstrap 5.3, without jQuery and with 18 new demo pages.

https://www.heise.de/en/news/AdminLTE-4-0-Restart-for-the-dashboard-framework-11306526.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon

#IT #jQuery #OpenSource #Softwareentwicklung #TypeScript #Webentwicklung #news

AdminLTE 4.0: Neustart für das Dashboard-Framework

AdminLTE erscheint in Version 4.0 – mit komplettem Umbau auf Bootstrap 5.3, ohne jQuery und mit 18 neuen Demo-Seiten.

https://www.heise.de/news/AdminLTE-4-0-Neustart-fuer-das-Dashboard-Framework-11306268.html?wt_mc=sm.red.ho.mastodon.mastodon.md_beitraege.md_beitraege&utm_source=mastodon

#IT #jQuery #OpenSource #Softwareentwicklung #TypeScript #Webentwicklung #news

# lit-xpath

晚餐後花了點時間把想像了一段時間的 JS XPath 函式庫寫出來，主要理念是整合 JS 語法和 xpath 的彈性與強大，使用上又像 jquery 一樣簡便。

```js
xpath.query('//*[id="the-id"]').element // $('#the-id')[0]
// or xpath.element('//*[id="the-id"]')

xpath.string `//form/../@data-type`
xpath.n `count(//form//button)` // number
xpath.ctx(document.body).q `..`.e .nodeName == 'HTML'
```

* 函數呼叫的括號可省
* 類別可以前置
* 方法屬性都有一個字的縮寫

xpath 優勢之一是可以定位到 css 定位不到的屬性，還能回頭往上查詢，再結合簡潔的語法感覺很有發展潛力。

https://git.disroot.org/gholk/lit-xpath

#xpath #jquery #js

I have the following code that creates a new Sort object and binds a custom "sorted" event to it.

```
this.sort = new Sort(this);

$(this.sort).on("sorted", function() {
console.log("Items have been sorted!");
});
```

But despite the "sorted" event being triggered during the object's creation, the `log()` line doesn't run. I assume it's because the event hasn't been bound yet when it's first triggered.

What's the best way to address this?

#JS #JavaScript #JQuery #WebDev

9 Times the Web Platform Was Influenced by Libraries, by @jadjoubran.io:

https://jadjoubran.io/blog/web-platform-influenced-by-libraries

#webplatform #retrospectives #libraries #dojo #bootstrap #jquery #mootools #prototypejs #esm #commonjs

【超入門】初心者向けJavaScript解説！これから学習を始める方必見【Webデザイン・プログラミング】

https://www.emilyselect.com/%e3%80%90%e8%b6%85%e5%85%a5%e9%96%80%e3%80%91%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91javascript%e8%a7%a3%e8%aa%ac%ef%bc%81%e3%81%93%e3%82%8c%e3%81%8b%e3%82%89%e5%ad%a6%e7%bf%92%e3%82%92%e5%a7%8b/?feed_id=5716&_unique_id=69f182f7c9a24&Mastodon

#CSS #HTML #JavaScript #jQuery #Web #Webデザイン #コーディング #プログラミング #JavaScript基礎・入門 #JavaScript基礎・入門 #CSS #HTML #JavaScript #jQuery #Web #Webデザイン #コーディング #プログラミング

個人的にjQuery メソッドチートシートまとめた
https://qiita.com/ryo_sh/items/4a1c1f97932e190db333?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #jQuery