小编Ken*_*yan的帖子

我正在尝试生成 5 个随机图像（第一行来自闪烁并且工作正常）。在第二行它来自谷歌，但由于某种原因它只返回 4 并在控制台上返回一个错误，内容为：

未捕获的类型错误：无法读取未定义的属性“url”

这是我的 HTML

 <div class="welcomeScreen">
  <form id="players">
    <p>Player 1</p>
    <input id="player1Name" placeholder="Enter player 1's name">

    <div class='player1Info clearfix'>
      <label>
        <img src="">
        <input type='radio' name='player1Avatar' class='player-1-avatar' value=''>
      </label>

      <label>
        <img src="">
        <input type='radio' name='player1Avatar' class='player-1-avatar' value=''>
      </label>

      <label>
        <img src="">
        <input type='radio' name='player1Avatar' class='player-1-avatar' value=''>
      </label>

      <label>
        <img src="">
        <input type='radio' name='player1Avatar' class='player-1-avatar' value=''>
      </label>

      <label>
        <img src="">
        <input type='radio' name='player1Avatar' class='player-1-avatar' value=''>
      </label>
    </div>

    <p>Player 2</p>
    <input id="player2Name" placeholder="Enter player 2's name">

    <div class='player2Info clearfix'> …

我正在建立一个有角度的博客,我目前正在路线上工作.我有路由使用routeParams但angular给它一个随机数,url结束http://localhost/kensproblems/#/posts/2

我希望它能够自动获取标题并将其用作URL上的参数,或者使用json文件中名为id的属性,例如 http://localhost/kensproblems/#/posts/title-of-post

这有可能$routeParams吗？

app.js

angular.module('app', [
    'ngRoute',
    'app.controllers',
    'ui.router',
    'ngSanitize'
])

.config(['$routeProvider', '$urlRouterProvider', function($routeProvider, $urlRouterProvider){
    $routeProvider
    .when('/posts', {
        templateUrl: 'views/posts.html',
        controller: 'PostListController'
    })
    .when('/posts/:id', {
        templateUrl: 'views/singlepost.html',
        controller: 'PostDetailController'
    })
        .otherwise({
        redirectTo: '/'
    });
}]);

controllers.js

angular.module('app.controllers', ['app.directives'])
    /* Controls the Blog */
    .controller('PostListController', ['$scope', '$http', function($scope, $http){
        $http.get('data/posts.json').success(function(response){
            $scope.posts = response;
        });
    }])

    .controller('PostDetailController', ['$scope', '$http', '$routeParams', '$sce', function($scope, $http, $routeParams, $sce){
        $http.get('data/posts.json').success(function(response){
            $scope.post = response[$routeParams.id];
            console.log($routeParams.id);
            console.log($scope.post.id);
        });
    }])

posts.html

<div class="container" id="postList">
    <div …

当我访问angularjs中的视图时,我想知道是否可以隐藏index.html文件中的某些部分.

我的index.html文件包含所有视图的底部菜单栏,我创建了一个home.html视图,我不想包含该菜单栏.角度有可能吗？

谢谢!

我正在使用物化框架,并试图在电话视图中重新排序列顺序.我希望购买按钮在手机上的内容之前.尝试拉和推,但无法搞清楚.有帮助吗？

先感谢您.

<div class="row">
    <div class="col s12 m3 l3">
      <img src="">
    </div>
    <div class="row">
      <div class="col s12 m6 push-m6 l7">CONTENT</div>
      <div class="col s12 m6 pull-m6 l2">BUY BUTTON</div>
    </div>
</div>

我对使用Scrollmagic的GSAP感到很陌生，他试图在一个场景中进行多个补间，但是无法弄清楚如何最终完成了3个这样的场景。

            // init controller
            var controller = new ScrollMagic.Controller();

            // build scene
            var scene1 = new ScrollMagic.Scene({
                triggerElement: "#trigger1"
            })
            .setTween("#animate1", 0.4, {
                opacity: 1, 
                left: 0
            })
            .reverse(false)

            var scene2 = new ScrollMagic.Scene({
                triggerElement: "#trigger1"
            })
            .setTween("#animate2", 0.4, {
                opacity: 1, 
                left: 0,
                delay: .4
            })
            .reverse(false)

            var scene3 = new ScrollMagic.Scene({
                triggerElement: "#trigger1"
            })
            .setTween("#animate3", 0.4, {
                opacity: 1, 
                left: 0,
                delay: .8
            })
            .reverse(false)

            //.addTo(controller);
            controller.addScene([
                scene1,
                scene2,
                scene3
            ]);

有没有一种方法可以简化此代码？我希望添加更多内容，但是我觉得写这个内容的方法很短？

提前致谢！

最终代码

            var timeline = new …

华丽的弹出窗口似乎在台式机和 Android 手机上运行良好，但在 iPhone 上它显示消息“此网页出现问题，因此已重新加载”并且不播放 Vimeo 视频。

更新：刚刚在我的 iPhone 上的 Chrome 上试了一下，效果很好。看起来它只是Safari？

这是 HTML 代码：

<ul id="page1-slider7" class="bxslider">
    <li>
        <div class="c c1"><a href="http://vimeo.com/80951188" target="_blank" class="portfolio-link video">Watch Video</a><img src="images/sidecar/video/SmuinXXmas.jpg" /></div>
    </li>
    <li>
        <div class="c c2"><a href="http://vimeo.com/119386830" target="_blank" class="portfolio-link video">Watch Video</a><img src="images/sidecar/video/SunrunBrilliant.jpg" /></div>
    </li>
    <li>
        <div class="c c3"><a href="http://vimeo.com/151719496" target="_blank" class="portfolio-link video">Watch Video</a><img src="images/sidecar/video/PIER_BOGO_Video.jpg" /></div>
    </li>
</ul>

js文件

var initPopup = function(){
    $('.portfolio-link.video').magnificPopup({
        disableOn: 400,
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 160,
        preloader: false,
        fixedContentPos: true
    });
}

有人有这个问题吗？提前致谢！