2018-09-12 / JSN / 0 Comments / 9 人來過
通常我們在元件主頁面會顯示列表，而列表上方都會有「新增」的按鈕，因為這顆按鈕的運作原理是 Submit Form，設定上很麻煩因為還要開 <input> 指定參數，網址才會更著轉換。通常我們會這樣跳轉網頁
|
|
JToolbarHelper::addNew('column_extensions.edit'); |
|
|
<input type="hidden" name="type" value="123"> ... ... |
但我覺得這個方式更直覺，使用 URL 就好了真的。
|
|
JToolbarHelper::link('index.php?option=com_activities&task=column_extensions.edit&type=123', '新增', 'new'); // 這段會改變按鈕為"新增"的樣式，原封不動貼上，或是製作成你的 global script 也可以 JFactory::getDocument()->addScriptDeclaration('jQuery(function (){jQuery(".icon-new").parents("button:not(\'.button-new.btn-success\')").addClass("button-new btn-success")})'); |
會要用到 JS ，主要是因為 JToolbarHelper::link() 在設定為 ‘new’ 的時候，並不會真的模擬成 JToolbarHelper::addNew() 樣式，不過只要添加與 addNew() 相同的 class 即可解決這個問題囉。
2018-08-31 / JSN / 0 Comments / 142 人來過
看起來效能非常好！這個套件是當初掀起流行的 Masonry 的開發團隊製作的。
安裝方式
使用 CDN
|
|
<!-- CSS --> <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"> <!-- JavaScript --> <script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script> |
透過 NPM 下載
如果需要完整套件(選用)，可以另外下載
|
|
npm install flickity-imagesloaded npm install flickity-fullscreen |
預設是 vanilla JavaScript (我們常說的原生 JS)，若要給 jQuery 使用還需要透過橋接
|
|
npm install jquery-bridget |
使用方式
可以直接使用 <link><script> 載入，如果使用 webpack 參考以下
|
|
var $ = require('jquery'); // 載入 jQuery var jQueryBridget = require('jquery-bridget'); // 載入 jQuery 橋接 var Flickity = require('flickity'); // 載入 Flickity // 建立 Flickity 的 jQuery 外掛 Flickity.setJQuery( $ ); jQueryBridget( 'flickity', Flickity, $ ); // 現在我們可以直接使用 $().flickity() var $carousel = $('.carousel').flickity({...}); |
HTML 的部分
|
|
<div class="main-carousel"> <div class="carousel-cell">...</div> <div class="carousel-cell">...</div> <div class="carousel-cell">...</div> </div> |
許多範例，官方講解得很清楚，可以去逛逛。
2018-08-10 / JSN / 0 Comments / 33 人來過
使用 Laravel 5.6.33 安裝遇到了
|
|
SQLSTATE[42000]: Syntax error or access violation: 1071 Specified key was too long; max key length is 767 bytes |
那麼只要在 app/Providers/AppServiceProvider.php 添加
|
|
use Illuminate\Support\Facades\Schema; public function boot() { Schema::defaultStringLength(191); } |
就沒問題了！參考網友
2018-08-10 / JSN / 0 Comments /
Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 3935174 bytes) in /home/kiiuoco1/jsnwork.kiiuo.com/wp-includes/wp-db.php on line 1978