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

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的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://cn.wordpress.org/plugins/ractivejs/#description)
 * [评价](https://cn.wordpress.org/plugins/ractivejs/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/ractivejs/#installation)
 * [开发进展](https://cn.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. 通过WordPress的的“Plugins”菜单激活插件

## 常见问题

  Installation Instructions

 1. Upload the `plugin` folder to the `/wp-content/plugins/` directory
 2. 通过WordPress的的“Plugins”菜单激活插件

  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 或更高版本 **
 *  已测试的最高版本为 **4.8.28**
 *  语言
 * [English (US)](https://wordpress.org/plugins/ractivejs/)
 * 标签
 * [framework](https://cn.wordpress.org/plugins/tags/framework/)[javascript](https://cn.wordpress.org/plugins/tags/javascript/)
   [library](https://cn.wordpress.org/plugins/tags/library/)
 *  [高级视图](https://cn.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)