小编H4m*_*m3R的帖子

我正在使用Wordpress 3.9.1并且我编写了一个可以使用的自定义短代码,但是我想稍微调整一下当我使用我的短代码时,这是管理页面中的渲染:[toggles title ="zaez" ] aezaezae [/切换]

我可以编辑,添加文本或链接到文本"aezaezae".我想保持这种行为,但让它看起来更好.

所以我使用了wordpress(gallery的代码)中的一些代码并做到了:

[toggles title="zaez"]aezaezae[/toggles]

}(jQuery的));

这是被调用的模板

(function($) {

    var views = {},
        instances = {},
        media = wp.media,
        viewOptions = ['encodedText'];

    // Create the `wp.mce` object if necessary.
    wp.mce = wp.mce || {};

    wp.mce.toggles = {
        shortcode: 'toggles',
        toView: function(content) {
            var match = wp.shortcode.next(this.shortcode, content);

            if (!match) {
                return;
            }

            return {
                index: match.index,
                content: match.content,
                options: {
                    shortcode: match.shortcode
                }
            };
        },
        View: wp.mce.View.extend({
            className: 'editor-toggles',
            template: media.template('editor-toggles'),

            // The fallback …

我看了一个使用这两个框架的示例（PIXIjs和GSAP）。所以我想用它

我有点困在箱子上。因此，我想绘制3条与窗口边框匹配的线。很好，但是在第二步中，我希望这条线不离开边界而移动。

这是我这部分的小代码

// This is how I create the line
    var lineArray = [];

    for (var i = 0; i < 3; i++) {

        var line = new PIXI.Graphics();
        line.lineStyle(1, 0xf3a33f);

        if(i == 0) {
            line.moveTo(getRandomInt(0, window.innerWidth), window.innerHeight);
            line.lineTo(getRandomInt(0, window.innerWidth), 0);
        } else if(i == 1) {
            line.moveTo(0, getRandomInt(0, window.innerHeight));
            line.lineTo(window.innerWidth, getRandomInt(0, window.innerHeight));
        } else {
            line.moveTo(getRandomInt(0, window.innerWidth), window.innerHeight);
            line.lineTo(window.innerWidth, getRandomInt(0, window.innerHeight));
        }

        line.endFill();
        line.alpha = 0;

        stage.addChild(line);
        lineArray.push(line);

    }

// And this is how I want to animate …