Title: RactiveJS
Author: FuzzGuard
Published: <strong>2015 年 6 月 24 日</strong>
Last modified: 2017 年 3 月 15 日

---

搜尋外掛

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://ps.w.org/ractivejs/assets/icon-128x128.png?rev=1632635)

# RactiveJS

 由 [FuzzGuard](https://profiles.wordpress.org/fuzzguard/) 開發

[下載](https://downloads.wordpress.org/plugin/ractivejs.1.3.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/ractivejs/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/ractivejs/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/ractivejs/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/ractivejs/#developers)

 [技術支援](https://wordpress.org/support/plugin/ractivejs/)

## 外掛說明

This plugin registers the RactiveJS Framework library as part of WordPress. This
means that Ractive scripts can be included in your plugins by just enqueuing the
scripts. Please see FAQ for usage for your plugin.

NOTE: This does not add any ability to the wordpress front-end or back-end. The 
scripts are disabled by default and must be included in your plugin by enqueuing
the scripts as you would for any other scripting engine. So to reiterate this plugin
does not add any extra functionality on its own. It is designed to be used as a 
dependancy for other plugins.

#### Live, reactive templating

Ractive.js is a template-driven UI library, but unlike other tools that generate
inert HTML, it transforms your templates into blueprints for apps that are interactive
by default.

#### Powerful and extensible

Two-way binding, animations, SVG support and more are provided out-of-the-box – 
but you can add whatever functionality you need by downloading and creating plugins.

#### Optimised for your sanity

Some tools force you to learn a new vocabulary and structure your app in a particular
way. Ractive works for you, not the other way around – and it plays well with other
libraries.

RactiveJS: http://www.ractivejs.org/

## 安裝方式

 1. Upload the `plugin` folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

## 常見問題集

  Installation Instructions

 1. Upload the `plugin` folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress

  How to use RactiveJS in my plugin?

This plugin is just a helper plugin to register the RactiveJS framework scripts 
into wordpress and allow them to be enqueued and utilized by other plugins. Below
is an explaination of the script handlers you have to enqueue to activate RactiveJS
and to activate any of the ractive-plugins used in conjunction RactiveJS.

How to Enqueue the RactiveJS Framework scripts:

    ```
        wp_enqueue_script('ractive-js');                RactiveJS Framework
        wp_enqueue_script('ractive-hover');             Ractive.js hover event plugin
        wp_enqueue_script('ractive-keys');              Ractive.js keys event plugin
        wp_enqueue_script('ractive-mousewheel');        Ractive.js mousewheel event plugin
        wp_enqueue_script('ractive-resize');            Ractive.events.resize
        wp_enqueue_script('ractive-tap');               Ractive.js tap event plugin
        wp_enqueue_script('ractive-touch-hammer');      ractive-touch
        wp_enqueue_script('ractive-touch');             ractive-touch
        wp_enqueue_script('ractive-typing');            ractive-events-typing
        wp_enqueue_script('ractive-viewport');          ractive-event-viewport
    wp_enqueue_script('ractive-fade');      Ractive.js fade transition plugin
    wp_enqueue_script('ractive-fly');       Ractive.js fly transition plugin
    wp_enqueue_script('ractive-scale');     Ractive.js scale transition plugin
    wp_enqueue_script('ractive-slide');     Ractive.js slide transition plugin
    wp_enqueue_script('ractive-slide-horizontal');  Horizontal slide transition plugin for Ractive
    wp_enqueue_script('ractive-typewriter');    Ractive.js typewriter transition plugin
    ```

  Script Dependancies

Each of the scripts have dependancies. They are all queued as dependancies in the
plugin. So if you forget to load the dependancy it will be automatically loaded 
for you.

    ```
    ractive-js          No Depenancies
    ractive-hover           ractive-js
    ractive-keys            ractive-js
    ractive-mousewheel      ractive-js
    ractive-resize          ractive-js
    ractive-tap         ractive-js
    ractive-touch-hammer        ractive-js
    ractive-touch           ractive-js, ractive-touch-hammer
    ractive-typing          ractive-js
    ractive-viewport        ractive-js
        ractive-fade            ractive-js
        ractive-fly         ractive-js
        ractive-scale           ractive-js
        ractive-slide           ractive-js
        ractive-slide-horizontal    ractive-js
        ractive-typewriter      ractive-js
    ```

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈RactiveJS〉的開發相關工作。

參與者

 *   [ FuzzGuard ](https://profiles.wordpress.org/fuzzguard/)

[將〈RactiveJS〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/ractivejs)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/ractivejs/)、查看
[SVN 存放庫](https://plugins.svn.wordpress.org/ractivejs/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/ractivejs/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/ractivejs/)。

## 變更記錄

#### 1.3

 * Remove getPluginURL function and replaced all references to it with plugins_url()
   WP Core function
 * Updated ‘ractive.min.js’ to v0.8.1
 * Updated ‘ractive-taps.min.js’ to v0.3.1
 * Updated ‘hammer.min.js’ to v2.0.8

#### 1.2.3

 * Tested with version 4.7 of WordPress

#### 1.2.2

 * Tested with version 4.6 of WordPress

#### 1.2.1

 * Fixed error with ractive-tap plugin

#### 1.2

 * hammer.js updated to 2.0.6
 * ractive-tap updated to 0.3.0
 * ractive-events-hover updated to 0.2.0
 * ractive-fade update to 0.3.1
 * ractive-slide updated to 0.4.0
 * ractive-slide-horizontal updated to 1.0.3

#### 1.1

 * Added getPluginURL() function to return Globally the plugin URL. References plugin_url().’/
   ractive-js’
 * Added transitions to RactiveJS Plugin
 * Added transitions scripts to new function register_transitions_scripts()
 * Moved events scripts to the register_events_scripts() function
 * Minified all transitions scripts
 * Minified all events scripts
 * Minified the core RactiveJS file: ractive.js

#### 1.0

 * Gold release

## 中繼資料

 *  版本 **1.3**
 *  最後更新 **9 年前**
 *  啟用安裝數 **10+**
 *  WordPress 版本需求 ** 3.8 或更新版本 **
 *  已測試相容的 WordPress 版本 **4.8.28**
 *  語言
 * [English (US)](https://wordpress.org/plugins/ractivejs/)
 * 標籤:
 * [framework](https://tw.wordpress.org/plugins/tags/framework/)[javascript](https://tw.wordpress.org/plugins/tags/javascript/)
   [library](https://tw.wordpress.org/plugins/tags/library/)
 *  [進階檢視](https://tw.wordpress.org/plugins/ractivejs/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/ractivejs/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/ractivejs/reviews/)

## 參與者

 *   [ FuzzGuard ](https://profiles.wordpress.org/fuzzguard/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/ractivejs/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=G8SPGAVH8RTBU)