小编Leo*_*ban的帖子

我有一个简单的表单,带有电话输入和一些电子邮件输入,但是我无法摆脱单击提交按钮时出现的默认浏览器警告消息.

我的CodePen

我试图实现event.preventDefault(); 但它似乎不适用于我的情况.

$('#profile-info-form').unbind('submit').bind("submit", function(event) {
    event.preventDefault();
    console.log('save button clicked');
});

我即时创建的输入字段示例:

var myphone = "<li><label>Cell Phone:</label></li><li><input type='tel' pattern='[0-9]{10}' class='added_mobilephone' name='mobilephone' value='' autocomplete='off' maxlength='20' /></li>";

你会如何处理这个问题？

所以我从服务器和jQuery收到了一封电子邮件的HTML响应,我试图将该响应呈现在一个弹出窗口中.

我一开始尝试了这个:

postToServerWithAjax('/invite_preview', null, function (response) {
    window.open($(response), "popupWindow", "width=600,height=600,scrollbars=yes");
});

然而,这只是在URL中打开了[对象,对象]的弹出窗口.我试过下面的.html()

postToServerWithAjax('/invite_preview', null, function (response) {
    window.open($(response).html(), "popupWindow", "width=600,height=600,scrollbars=yes");
});

^这只是返回一个空白的弹出窗口

然后我尝试了一个空白页面,但我的代码仍然将HTML放入url栏:

window.open(response).html();

实际上将HTML呈现到新的弹出/页面中我缺少什么？

在这里找到一些例子,并使用了答案,但还没有得到HTML渲染:(

显示由ajax,Jquery返回的响应的html代码

jQuery函数在新窗口中打开链接

http://jsfiddle.net/leongaban/6vwLetd6/13/

我有一个自定义注册表单,其中包含来自Codrops演示页面的样式.

基本上在悬停时我想要为标签文本设置动画(让它淡入和淡出)但是现在只是想让文本将颜色变为红色:

.input__label-content--jiro:hover {
  color: red !important;
}

<span id="full_name_label" class="input input_jiro">
  <input class="input__field input__field--jiro" type="text" id="input-1" />
  <label class="input__label input__label--jiro" for="input-1">
    <span class="input__label-content input__label-content--jiro">
      Full Name
    </span>
  </label>
</span>

但是,当您将鼠标悬停在"全名"上时,颜色不会改变.你能看出阻碍hover效果的是什么吗？

http://plnkr.co/edit/GQ40yelDbLMpRyZqYpNB?p=preview

或任何其他ng

在上面的例子中,我有一个包含一些比特币交易的模型,一些是传入的,一些是传出的,两者都有不同的图标.

vm.transactions = [
  {
    type: 'incoming',
    comment: 'Recieved from multiple addresses',
    time: '10 hours ago',
    amount: 0.00498623
  },
  {
    type: 'incoming',
    comment: 'Recieve from 1MgZLyz6d8djEqe68XoPpsjx9BFQyVAtXN',
    time: '12 hours ago',
    amount: 0.003
  },
  {
    type: 'outgoing',
    comment: 'Sent to 17dPAMzZiosQYVty6ES4KSWN8R8XFcxShH',
    time: 'Jan 15th 2015',
    amount: 0.01
  },
  {
    type: 'incoming',
    comment: 'Recieved from multiple addresses',
    time: 'Jan 14th 2015',
    amount: 0.02874
  },
  {
    type: 'outgoing',
    comment: 'Sent to 1GS9E86Y3mhK7Qwm1vqvgCmpE5u6MMxPML',
    time: 'Jan 12th 2015',
    amount: 0.064904
  }
];

我找到了关于 …

我正在尝试sendFile从我的客户端目录中的index.html,它与我的服务器目录处于同一级别,并收到以下错误:

TypeError: undefined is not a function
at Object.handle (/myapp/server/routes/routes.js:24:7)

这是我的routes.js的第24行:
res.sendFile(path.join(__dirname + '../client/dashboard/index.html'));

功能齐全

dashRouter.get('/', function(req, res) {

    console.log('try to load dashboard');
    // res.render('../index.html');
    // res.send('dashboard!');
    res.sendFile(path.join(__dirname + '../client/dashboard/index.html'));
});

return dashRouter;

我的文件夹结构:

使用Express 4.10.0

你知道我为什么会res.sendFile在线上得到那个未定义的错误吗？

我遇到了恼人的Angular minify问题(我真的希望Angular 2中不存在这个问题)

我已经注释掉了我的所有应用程序模块注入并逐一下载列表以找出问题所在,我想我将其缩小到我的searchPopoverDirectives:

你能看出我做错了什么吗？

原始代码,产生此错误 Unknown provider: eProvider <- e:

(function() { "use strict";

    var app = angular.module('searchPopoverDirectives', [])

    .directive('searchPopover', function() {
        return {
            templateUrl : "popovers/searchPopover/searchPopover.html",
            restrict    : "E",
            scope       : false,
            controller  : function($scope) {

                // Init SearchPopover scope:
                // -------------------------
                var vs = $scope;
                vs.searchPopoverDisplay = false;

            }
        }
    })

})();

然后,我试图[]修复minify问题尝试语法并遇到此错误 Unknown provider: $scopeProvider <- $scope <- searchPopoverDirective:

(function() { "use strict";

    var app = …

我通过ajax调用从JSP页面获取javascript页面上的JSON对象.我想知道它是否是嵌套的JSON对象.例如:一个简单的JSON对象如下所示:

{
    "time":"2015-04-23T06:23:48.173+0000",
    "timeZone":"IST"
}

嵌套的JSON对象如下所示:

{
    data" : {
        "attributes" : {
            "key1":"abc",
            "key2":"xyz"
        }
    }
}

所以我想区分两者,因为我想以不同的方式使用它们提前感谢...

Plnkr: http://plnkr.co/edit/Q34J9szbLeGgc4jkcNUM?p=preview

我有一个名为tags的简单数组,它包含4个具有tweets值和vol值的对象.

当我单击" 按推文订购"或"按订单按"按钮时,我希望这些数字有意义,例如从高到低或从低到高,但数字是乱序的.

标记:

 <div class="sidebar" ng-controller="sidebar">
  <header class="my-header">
    <button ng-click="reOrderByTweets()">Order by Tweets</button>
    <button ng-click="reOrderByVol()">Order by Vol</button>
  </header>
  <ul>
    <li ng-repeat="t in tags" ng-mouseleave="leaveTag(t)">
      <div class="tag-container">
        <div class="tag border1"
             ng-mouseover="showTagDetails(t)">{{t.name}} | tweets: {{t.tweets}} | vol: {{t.vol}}</div>
        <tag-details tag="t"></tag-details>
      </div>
    </li>
  </ul>
</div>

JavaScript的:

$scope.tags.push(
  {
    name: 'Item 1 ', 
    tweets: '412',
    vol: '50'
  },
  {
    name: 'Item 2 ', 
    tweets: '10',
    vol: '500'
  },
  {
    name: 'Item 3 ', 
    tweets: '67',
    vol: '5'
  }, …

这是我的文件夹结构:

我有src文件夹里面的所有内容,这src/index.html也是我想要指出的.我的节点服务器文件在src/server/server.js

当我运行正确的node src/server/server命令时,我收到以下错误:

const express = require('express');

const app = express();

app.get('/', (req, res) => {
    res.sendFile('index.html', { root: __dirname });
});

app.get('/category', (req, res) => {
    res.end('Categories');
});

app.listen(8999, (res) => {
    console.log(res);
});

错误:ENOENT:没有这样的文件或目录,stat'/Users/leongaban/Projects/CompanyName/appName/src/server/index.html'

所以错误消息告诉我我需要再增加一个文件夹,所以想象如下:

app.get('/', (req, res) => {
    res.sendFile('../index.html', { root: __dirname });
});

但是现在我收到了一个Forbidden错误:

ForbiddenError:禁止

我的get和postAPI 正在工作，但由于某种原因，我app.put的没有。

当我在PostMan 中打localhost:3001/contacts/1aPUT时，我什至看不到我简单的 console.log：

app.put('/api/contacts:id', (req, res) => {
    console.log('req.params.id', req.params.id);
    res.json(contact);
});

应用程序

app.put('/api/contacts:id', (req, res) => {
    console.log('req.params.id', req.params.id);
    res.json(contact);
});

完整的 server.js 代码

// Requires ////////////////////////////////////////////////////////////////////
const express = require('express');
const app = express();
const bodyParser = require('body-parser'); // req.body
const cors = require('cors');
const R = require('ramda');

// Variables ///////////////////////////////////////////////////////////////////
const hostname = 'localhost';
const port = 3001;
let contacts = require('./data');

// …