小编JQu*_*ile的帖子

我正在学习聚合物.我有一个包含a的元素div.我想动画那个div的高度.为了做到这一点,我有以下几点:

我-element.html

<dom-module id="my-element">    
  <template>
    <div id="container" style="height:100px; background-color:green; color:white;">
      Hello!
    </div>

    <paper-button on-click="_onTestClick">Expand</paper-button>
  </template>

  <script>
    Polymer({
      is: 'my-element',

      _onTestClick: function() {
        // expand the height of container
      }
    });    
  </script>
</dom-module>

然后我使用这里显示的成长高度动画来获取灵感.所以,基本上,我有一个像这样定义的动画:

Polymer({
  is: 'grow-height-animation',
  behaviors: [
    Polymer.NeonAnimationBehavior
  ],
  configure: function(config) {
    var node = config.node;
    var rect = node.getBoundingClientRect();
    var height = rect.height;
    this._effect = new KeyframeEffect(node, [{
      height: (height / 2) + 'px'
    }, {
      height: height + 'px'
    }], this.timingFromConfig(config)); …

我有一个网页.我的网页使用Bootstrap版本3.目前,它看起来像这样:

<div class="row">
  <div class="col-lg-4">
    Stuff here
  </div>

  <div class="col-lg-8">
    Other stuff here
  </div>
</div>

<div class="row">
  <div class="col-lg-12">
    <div id="fillAvailableSpace">
      [Main content goes here]
    </div>
  </div>
</div>

<div class="row">
  <div class="col-lg-6">
    Other text goes here
  </div>

  <div class="col-lg-6 pull-right">
    Some text goes here
  </div>
</div>

我需要div使用id"fillAvailableSpace"来填充屏幕的可用高度,但第一行和最后一行的大小除外.如何使用Bootstrap填充页面的剩余可用高度？

我正在研究一个JQuery插件.我想定义一个静态可见的方法,这样我就可以更容易地访问某些部分.例如,在C#中,我会这样做:

public class MyPlugin()
{
  public static string DoSomething(object parameter) 
  {
    return DoImplementation();
  }
}

但是,我无法弄清楚如何在JQuery插件中执行相同类型的操作.目前,我有以下内容:

(function ($) {
    $.myPlugin = function (element, options) {
        var defaults = {
            average: 0
        }

        myPlugin.init = function () {
            myPlugin.settings = $.extend({}, defaults, options);
        }

        myPlugin.doSomething = function (parameter) {
           // Implementation goes here
        }
    }
})(jQuery);

如何从JQuery插件创建静态可见的方法？

谢谢!

我有一个ASP.NET MVC应用程序.由于应用程序中的其他jquery插件,此应用程序需要jQuery 2.1.我试图为我的用户上传图片提供一种方法.为了做到这一点,我正在查看jQuery文件上传器.我的JavaScript看起来像这样:

$('#userPicture').fileupload({
  dataType: 'json',
  done: function (e, data) {
  }
});

userPicture标记如下所示:

<input id="userPicture" type="file" name="userPicture" data-url="/pictures/User/@ViewBag.UserId">

页面最初加载没有任何错误.当我选择一张图片时,我收到的错误是:

Uncaught Error: no such method 'process' for fileupload widget instance       jquery-2.1.1.js:250

没有显示图像预览.如何通过适用于IE 8+的JQuery插件选择图片并显示客户端预览

我有一个ASP.NET vNext(5)项目.我想在项目中添加两个区域.我的问题是,如何在vNext中注册区域？该System.Web.Mvc命名空间没有了,这是在AreaRegistrationContext所在地.我开始在GitHub上查看MVC源代码.我找到了Area属性.但是,我现在还不确定如何利用它.

有人可以向我解释(或提供一个链接)如何使用ASP.NET vNext中的区域？

谢谢!

我有一个用Node构建的网站.我可以通过从命令行运行来成功启动和运行该站点node server.js.然后我在浏览器中访问" http:// localhost:3000 " 访问该站点.我现在正在尝试改进网站周围的一些构建过程.要做到这一点,我依靠Gulp.

我想在对HTML或CSS文件进行更改时自动重新加载网页.我偶然发现了gulp-livereload插件.我按照文档中的描述安装了它.但是,当我在浏览器中访问" http:// localhost:35729 / "时,我只看到以下内容:

{
  minilr: "Welcome",
  version: "0.1.8"
}

我的gulp任务配置如下:

gulp.task('launch',  function() {
    var toWatch = [
        'src/**/*.html',
        'src/**/*.css'
    ];

    livereload.listen();
    gulp.watch(toWatch, function() {
        console.log('reloading...');
        livereload();
    })
}

我在运行后访问" http:// localhost:3000 " 时看不到我的主页node server.js.我错过了什么？

我有一个非常基本的JQuery移动应用程序.当用户单击我的"设置"按钮时,我想将它们重定向到另一个页面,提示他们输入他们的电子邮件地址.我希望两页之间有一个漂亮的"幻灯片"转换.但是,似乎需要权衡利弊.

基本上,如果我在设置按钮中有'rel ="external"',如下所示,用户将进入下一个屏幕.但是,没有过渡.但是如果我删除'rel ="external"',我会得到一个转换,但是,下一个屏幕的顶部会有一个小红条.这个红条显然是我的errMsg div.就像.hide代码不会被调用.

在这种情况下,我该如何调用像.hide这样的函数？我最初想要隐藏errMsg div.但我不知道如何做到这一点,同时仍然允许JQuery Mobile分配的漂亮过渡.

Home.html中

<div data-role="page">
  <div data-role="header"><h1>My App</h1></div>

  <div data-role="content"> 
    <div><a href="/setup" rel="external" data-role="button">Setup</a></div>
  </div>
</div>

Setup.html

<div data-role="page">
    <div data-role="header"><h1>Setup</h1></div>

    <div data-role="content">   
        <div id="errorMsg" style="background-color:red; padding:2px 0px 2px 8px; margin-bottom:6px;"></div>

        <label for="emailTextBox">Email Address</label>
        <input id="emailTextBox" type="email" /><br />  
    </div>
</div>

<script type="text/javascript">
  $(document).ready(function () {
    $("#errorMsg").hide();
  });
</script>

感谢您提供的任何帮助/见解.

我正在开发一个使用Zurb Foundation作为其CSS框架的AngularJS项目.我试图弄清楚如何在AngularJS视图的上下文中使用Foundation的数据交换.这甚至可能,我似乎无法让它工作.这就是我目前拥有的:

的index.html

<!DOCTYPE html>
<html ng-app='app' xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="foundation/normalize.css" />
    <link rel="stylesheet" href="foundation/foundation.min.css" />
    <link rel="stylesheet" href="app.css" />
</head>
<body>
    <div id="view" ng-view></div>

    <script type="text/javascript" src="jquery/2.0.3/jquery.min.js"></script>
    <script type="text/javascript" src="foundation/foundation.min.js"></script>

    <script type="text/javascript" src="angularjs/1.2.7/angular.min.js"></script>
    <script type="text/javascript" src="angularjs/1.2.7/angular-route.min.js"></script>

    <script type="text/javascript" src="app.js"></script>
</body>
</html>

app.js

angular.module('app', ['ngRoute'])
  .config(function ($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);

    $routeProvider
      .otherwise({ templateUrl: '/views/interchange.html', controller: myCtrl });
    })
    .run(function ($rootScope, $location) {
      $rootScope.$on('$viewContentLoaded', function () {
        $(document).foundation();
      });
    })
; …

我正在使用Jasmine 2.1.我正在尝试使用Jasmine 2.1来测试模块.我的一个模块有一个异步执行代码的函数.我需要在应用程序执行完毕后测试函数的结果.有没有办法做到这一点？目前,我的模块看起来像这样:

var otherModule = require('otherModule');
function MyModule() {
}

MyModule.prototype.state = '';
MyModule.prototype.execute = function(callback) {
  try {
    this.state = 'Executing';
    var m = new otherModule.Execute(function(err) {
      if (err) {
        this.state = 'Error';
        if (callback) {
          callback(err);
        }
      } else {
        this.state = 'Executed';
        if (callback) {
          callback(null);
        }
      }
    });
  } catch (ex) {
    this.state = 'Exception';
    if (callback) {
      callback(ex);
    }
  }
};

module.exports = MyModule;

我正在尝试使用以下方法测试我的模块:

var MyModule= require('./myModule');
describe("My Module", function() {
  var myModule …

我正在使用Electron构建应用程序.在这个应用程序中,我正在使用JSON构建数据结构.我的数据结构如下所示:

{
  items: [
    { id:1, name:'football' },
    { id:2, name:'soccer ball' },
    { id:3, name:'basketball' }
  ]
}

我想将此JSON保存到名为"data.json"的文件中.我想将它保存到文件中,因为我想在下次启动应用程序时加载它.我的挑战是,我不知道如何保存数据.事实上,我不确定我应该在哪里保存文件.我是否将其保存在与应用程序相同的目录中？或者我应该使用一些跨平台的方法吗？

目前,我有以下内容:

saveClick: function() {
  var json = JSON.stringify(this.data);
  // assume json matches the JSON provided above.
  // Now, I'm not sure how to actually save the file.
} 

那么,我如何/在哪里将JSON保存到本地文件系统以便以后使用？