小编Jae*_*Lee的帖子

TweenMax旋转,不透明度和缩放

我试图让这个页面上的图像同时旋转,缩放和改变不透明度,就像这个网站上的一些图像一样;

http://soyouwanttogotorisd.com/

这是我的网站;

http://www.ducklingfarm.com

我正在使用TweenMax,这是我的代码;

$(document).ready(function() {
    TweenMax.from( $('#homeImg'), .5, 
    {css:{scale:.05, opacity:0, rotation: 180}, ease:Quad.easeInOut}), 400,-400);
 });
Run Code Online (Sandbox Code Playgroud)

但什么都没发生......

请帮我!

谢谢!

rotation scale opacity greensock tweenmax

2
推荐指数
1
解决办法
3万
查看次数

classList.add 不起作用

我正在尝试使用 JavaScript 制作一个简单的待办事项列表。基本上,您在输入字段中输入一个项目,它会被添加到列表中,如果它完成,则单击它,然后它会被交叉。如果您单击已划掉的列表,则会删除该行。但是,虽然删除一条线有效,但添加一条线却行不通。

HTML:

    <div><input type="text" value="" id="new_task"><button id="add_task">Add Task</button></div>

    <ul id="tasks">
        <li class="completed selected">One Task</li>
        <li>Two Task</li>
    </ul>
Run Code Online (Sandbox Code Playgroud)

CSS:

<style type="text/css" media="screen">      
    /*local styles if any (quick tests and local only overrides)*/

    #tasks li{
        list-style: none;
    }

    #tasks .selected{
        list-style: disc;
    }

    .completed{
        text-decoration: line-through;
    }
</style>
Run Code Online (Sandbox Code Playgroud)

JavaScript:

<script type="text/javascript" charset="utf-8">
    var inputField = document.querySelector("#new_task");
    var myButton = document.querySelector("#add_task");
    var taskList = document.querySelector("#tasks");
    var newList = document.createElement("li"); 
    var completeTask = document.querySelector("li.completed.selected");
    var incompleteTask = document.querySelector("li:not([class])");

    myButton.onclick = function() { …
Run Code Online (Sandbox Code Playgroud)

javascript onclick

2
推荐指数
2
解决办法
3万
查看次数

高级自定义字段 + 图库字段 - 显示图库中的第一张图像

I\xe2\x80\x99m 尝试仅将图库字段中的一张图像显示为缩略图,当查看者单击它时,会弹出一个 fancybox 幻灯片。

\n\n

这是我到目前为止所拥有的:

\n\n
<?php \n    $images = get_field(\'gallery\'); \n    $image_1 = $images[0]; \n    ?>    \n\n    <img src="<?php echo $image_1; ?>" />    \n
Run Code Online (Sandbox Code Playgroud)\n\n

但 HTML 显示这个\xe2\x80\xa6

\n\n
<img src="Array">\n
Run Code Online (Sandbox Code Playgroud)\n\n

请指教。

\n

wordpress advanced-custom-fields

1
推荐指数
1
解决办法
2万
查看次数

jQuery 翻转图像

我有一个包含许多图像的页面,我想为它们使用翻转效果,即,当查看者将鼠标移到图像上时,图像源发生了变化。我已经尝试过 使用 jQuery Change the image source on rollover

但问题是我的图像位于不同的目录中。此外,图像文件名中有多个点。这与该网站是用 bigcommerce 构建的有关。

有解决方案吗?

jquery rollover

1
推荐指数
1
解决办法
1万
查看次数

从指令调用父控制器的函数

我试图从选择下拉列表中选择一个选项时,从自定义指令调用父控制器的函数,但它总是给我ng:cpws错误。

Error: [ng:cpws] http://errors.angularjs.org/1.4.8/ng/cpws
Run Code Online (Sandbox Code Playgroud)

HTML:

 <select chosen ng-model="selectedValue.recipientCountry" ng-options="x.Name.toLowerCase() for x in data.RecipientCountries" >
     <option value=""></option>
 </select>
Run Code Online (Sandbox Code Playgroud)

JS:

uiComponentsModule.directive('chosen', [ function () {
return {
    link: function(scope, element, attrs) {
        scope.$watch(function (newVal, oldVal) {
            scope.$parent.selectRecipientCountry(x)
        })
    }
}
}])
Run Code Online (Sandbox Code Playgroud)

我正在尝试修改其他人的代码,因此很难确切知道发生了什么。

angularjs

0
推荐指数
1
解决办法
3496
查看次数

webpack scss loader, css loader 和 post css

我正在尝试为使用 ES6 类的应用程序设置 webpack。我使用 Sass,但我也导入了一个供应商 css 文件。sass 部分被导入到sytle.scssuing @import。在我添加 postcss 加载器之前,它一切正常,但现在我在尝试编译时收到一条错误消息,但它失败了。

webpack.config.js 中:

const extractSass = new ExtractTextPlugin({
    filename: "[name].[contenthash].css"
})

const config = {
    .
    .
    .

    module: {
        rules: [{
            test: /\.(scss|css)$/,
            use: extractSass.extract({
                use: [{
                    loader: "sass-loader", options: {
                        sourceMap: true
                    }},
                    {
                        loader: "postcss-loader",
                        options: {
                            sourceMap: true
                        }
                    },
                    { 
                        loader: "css-loader", options: {
                        sourceMap: true,
                        importLoaders: 3,
                        modules: true
                    }}
                ],
                fallback: "style-loader"
            })
        }
       ]
      },
     plugins: [
        extractSass …
Run Code Online (Sandbox Code Playgroud)

css sass webpack postcss-loader

0
推荐指数
1
解决办法
2206
查看次数

如何在JavaScript文件中插入PHP代码

我正在尝试使用php代码片段进行jQuery Cycle Slideshow,但是控制台给了我这个错误:

"未捕获的SyntaxError:意外的令牌<"

var startingSlide = <?php echo $_GET["thumb"] ?>;

$(slideshowContainer).cycle ({
    startingSlide: startingSlide
});
Run Code Online (Sandbox Code Playgroud)

如何正确使用PHP代码?

我很感激你的帮助.

javascript php jquery jquery-cycle

-1
推荐指数
1
解决办法
1万
查看次数