jQloaderオープンソース、ajax、history、loading、orderTemplateのページモジュール化ツールを統合

jQloader v0.2.3
シンプルで豊富なマイクロフレームワークで、jQueryを核心とするプロジェクトに最適です.その核心機能はajax+pushStateが非同期ロード、ルーティング、ブラウザ履歴を実現することである.命令テンプレート、進捗バー、loading効果などの機能を統合します.
Home
https://moerj.github.io/jQloader
Features

命令テンプレート、htmlページは直接他のページ

に導入される.

動的ロードajax動的ロードhtmlページ

履歴、ajaxページはブラウザ履歴

に格納.

ルーティングメカニズムは、ブラウザアドレスバー

に番号で接続する.

自動ロード効果は、進捗バー、マスクなどの方法

を含む.
Install
依存jQueryまたはZeptoの導入

HTML-Order
jq-include
ページajax を してページを し、そのコンテナに れる

jq-router
ルーティングコンテナはブラウザウィンドウ にjq-routerが1つしかなく、 なものは されます.
:ajaxページを するコンテナで、アドレスバーxxxを する.html のデータは、ページにルーティングコンテナがない 、 めて ルーティングアドレスをロードします.

ヒント:1つのページに のコンテナが のajaxページデータを する がある は、jq-includeコマンドを します.jq-router は、ブラウザの データとルーティングページを み すためにのみ されます.
a
aラベルを してページを することができます.loadプロパティを すると、herfプロパティがマスクされます.aタグのアンカー は されているが、クリックするとタグはアドレスバーを しない. はルーティング によって されているからである._to be optimized_
プライベート :

loadクリック に されたurlアドレス

to されたページ は、 にデフォルトでjq-router

に .

すべてのOptionsパラメータをサポートします. パラメータは にできます.たとえば、 のようにします.

Options
history
ブラウザ の き み、デフォルトtrue
progress
ロード に バーが され、デフォルトtrue
loading
ロードプロンプトを し、インタフェースをロックし、デフォルトfalse
cache
ajaxはキャッシュを き、デフォルトtrue
async
ajaxリクエスト 、デフォルトtrue
title
データを した 、ブラウザtabページ を し、デフォルトnull
strict
なモードはajxaをロードし、デフォルトfalseは なモードを してajxa を います.このとき、 はページ を に ロードし、jsの を り すことを します.ajaxロードページのjs はサポートされていますが、セキュリティの やjsの り し の が する があるため、すべてのjsをホームページに き み、イベントを でバインドすることをお めします.ajaxページにjsを きたい は、2つの でセキュリティを します.

このjsがホームページとグローバルオブジェクトにイベントバインドされていないことを してください.そうしないと、このページを び くと、イベントが り しバインドされる があります.

はstrictモード ページを し、 なリロードを することができる.

API
loadPage
ページajaxをロードコンテナにページをロード

//     div        
$('div').loadPage({
    url: 'url string',  //    ，  
    history: true,      //       ，   true
    progress: true,     //        ，   true
    loading: false,     //      ，     ，   false
    cache: true,        //    ，   true
    async: true,        //  ，   true
    title: 'string',    //   tab   ，   null
    strict: false       //       ajxa，   false
},function(){
    // callBack
})

loadFinish
ページをロードしたコールバックターゲットコンテナloadPageまたは でデータをロードしたコールバック

$('div').loadFinish(function () {
    // loadPage   ，     
})

progressBar
バーloadingステータスをロードすると、 の バーがロードされ、ページがロードされると に されます.( : の がない り、 の バーは で する はありません)

$.progressBar
.star()             //     
.stop()             //  
.reset()            //      0%
.finish()           //      100%
.setColor('color')  //       

loadingMask
でloading をオンにし、インタフェースをロックします.FontAwesomeアイコンライブラリをサポートし、 するとロードの があります.

$.loadingMask
.show()
.hide()