Tag: 帕格

如何在jade模板中使用jquery或angularjs创buildpopup窗口: 我正在使用带有Jade模板的Express框架。我的问题是，我想添加一个popup。我有jQuery和Angular。我已经尝试了nodejs的窗口popupnpm，但它不符合我的要求。我想显示一个button点击popup。

Node.js Jade：select选项: 所以…我有我的select标签与部门项目。每个部门项目都有属性部门（IT部门，物理部门等）。看起来像这样： select size='5' each item in departments option= item.Department 现在我想和我的app.jsbuild立连接 – >当select的部门改变时，app.js必须知道改变。我试过了： select size='5' each item in departments option: a(href="/printer/#{item.Department}") #{item.Department} 但它不起作用。我也试图做一个onchange事件。喜欢这个： select size='5' onchange='selectedDepartmentChanged(this.value);' each item in departments option= item.Department 和这个： select size='5' each item in departments option( onchange='selectedDepartmentChanged(this.value);') #{item.Department} 并像这样：select（id =“mySelect”）size ='5'onchange ='selectedDepartmentChanged（）;' 在部门中的每个项目选项= item.Department 和这个： select size='5' each […]

“咕噜玉”不工作或编译玉到html: 所以我正在研究这个项目，我正在使用gulp。我需要它能够编译我写的翡翠（在_jadefiles文件夹中）并将它们作为.html输出到我的项目的_includes文件夹中。目前我正在编译和运行的东西是： – BrowserSync – Sass（技术上是Scss） – Autoprefixer – 一些叫做subprocess的东西（我从一个叫' jekyll-gulp-sass-browser-sync '的工具包开始） – 很明显，玉。注意：我也在使用Jekyll，但是，希望没关系。我正在关注DevTips的一个video，名为Design + Code Hour 4.1 这是他现在的代码： var gulp = require('gulp'); var browserSync = require('browser-sync'); var sass = require('gulp-sass'); var prefix = require('gulp-autoprefixer'); var cp = require('child_process'); var jade = require('gulp-jade'); var messages = { jekyllBuild: '<span style="color: grey">Running:</span> $ […]

如何在node.js中保持jade中的布局状态: 我的layout.jade看起来像 doctype html html body block menu block pagecontent 和index.jade有以下代码 extends layout block menu body h1 #{menuData} 和somepage.jade了 extends layout block pagecontent h3 user demo page 现在这个场景是我第一次加载索引页面，然后从所有的请求我只需要改变只有页面内容块。由于第一次请求我加载了所有的菜单。所以对于所有其他请求，我需要写类似的东西 res.render('somepage') 那么它应该加载菜单内容和这个页面内容的索引页面。如何有效地做到这一点？这个想法就像在Asp.net中，我们有一个母版页和内容页。 redirect时，我们将使用相同的加载母版页redirect到子页面。我需要类似的方法。 UPDATE 正如答案中提到的，我可以这样做，但是说我有二十页。所以在呈现每一页时，我需要使用menuData传递布局（可能存储在一个variables中）。没关系。但是还有其他的方式来做到这一点，还是唯一的好方法呢？我对nodejs很新，请帮助我。

我怎么让我的bootstrap.css显示在节点/快递/玉？: 我似乎无法让我的服务器呈现我的bootstrap.css。我觉得这跟我脚本的顺序有关，但也许我错了。这里是我的玉文件，这是我觉得我的问题是。如果你需要更多的代码，如公共文件夹中的实际引导，或者任何让我知道的。玉 extends layout block sources link(rel= "stylesheet prefetch", href= "stylesheets/A6/bootstrap.css") link(rel= "stylesheet", href="/stylesheets/A6/a6.css") block content p#title.col-xs-12.bg-primary.text-center | Tic – Tac – Toe! div.col-xs-3.bg-info div.bg-primary.controls span button.btn.btn-default(data-bind="click: StartMessage.bind($root)") | New Game p#message.lead(data-bind="if: theMessage.mainMessage") |Welcome to Tic Tac Toe! This is a 2-player game. Press the "New Game" button above to play. p#message2.lead(data-bind="if: […]

在express.js中的Jade引擎不警告或丢失错误的逗号: 我在我的节点/快递应用程序中使用玉作为视图引擎，它工作得很好，甚至更好:)它不会抛出错误或警告，如果标记属性之间缺less逗号。例如： div.main(data-ng-controller="ctrl" data-ng-form="form") 要么 script(type="text/javascript" src="script.js" charset="utf-8") 编译没有错误，但玉语法文档说使用逗号或新行来分隔标签属性，所以这些应该是正确的线： div.main(data-ng-controller="ctrl", data-ng-form="form") script(type="text/javascript", src="script.js", charset="utf-8") 问题是我在java项目中也使用了相同的jade模板，而java-jade编译器因为缺less属性分隔符而抛出了错误的语法exception。在我看来，node-jade编译器有一个bug或者什么东西，java-jade编译器以正确的方式工作。不方便的是，如果我在节点环境中开发页面的时候错过了一个逗号，在构build我的java项目之前我不会注意到这个错误。是否有可能设置节点玉编译器抛出错误或警告缺less逗号，或者我使用它错了？快速设置是这样的： app.set('views', 'path/to/views'); app.set('view engine', 'jade'); 多谢你们！

JS中的外部CSS: 我试图将我的样式绑定到我的项目目录中的一些外部CSS。我的应用程序structre看起来像这样： webDTU app.js public/ stylesheets/ style.css avgrund.css animate.css views/ index.jade UserHome.jade …. …. 我的UserHome.jade ： doctype html html head title MQTT Chat Application script(type='text/javascript', src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js') link(rel='stylesheet', href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic', type='text/css') link(rel='stylesheet', href='../public/stylesheets/animate.css', type='text/css') link(rel='stylesheet', href='../public/stylesheets/style.css', type='text/css') link(rel='stylesheet', href='../public/stylesheets/avgrund.css', type='text/css') body .avgrund-contents header h1 hi #{title} .pr.center.wrapper .cf.pr.chat.animate .pa.chat-shadow ….. 我的app.js ： var express = require('express'); var […]

$（…）.getContext（“2d”）在使用chart.js时不是函数: 我正在使用nodejs和玉视图引擎。我想在我的页面中使用chart.js加载图表，我添加了jquery和chart.js库，但它仍然给我错误的标题$（…）。getContext（“2d”）不是一个函数。请帮助我这个问题，谢谢。 $(document).ready(function(){ var ctx = $("#myChart").getContext("2d"); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, […]

Backbone.Marionette不承认Marionettefunction: 我有以下的玉模板，包含链接到木偶（CDN）和所有的依赖关系，我已经检查，并按正确的顺序列出。但是，下面的代码： extends layout block content h2 Characters and Portraits div(class="container") Portraits Loading… script(src="https://code.jquery.com/jquery-3.1.0.slim.min.js" integrity="sha256-cRpWjoSOw5KcyIOaZNo4i6fZ9tKPhYYb6i5T9RSVJG8=" crossorigin="anonymous") script(src="https://cdnjs.cloudflare.com/ajax/libs/json2/20150503/json2.min.js") script(src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js") script(src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js") script(src="https://cdnjs.cloudflare.com/ajax/libs/backbone.marionette/3.0.0/backbone.marionette.min.js") script. var CharacterTemplating = new Marionette.Application(); CharacterTemplating.on("start", function(){ console.log("Character Templating has started!"); }); CharacterTemplating.start(); 结果在这个错误： characters:5 Uncaught ReferenceError: Marionette is not defined 代码是从节点/快递服务器进程中提供的。任何想法，我哪里错了？更新：我检查了networkingstream量，看起来不像木偶库是由于某种原因被加载。检查是否从其他地方加载它帮助… 更新：从另一个CDN加载依赖关系会导致Backbone.Marionette库出现在networkingstream量中，但现在我得到这个错误： backbone.marionette.min.js:19 Uncaught TypeError: Cannot use 'in' operator to […]

渲染包含angular度属性的玉文件: 我试图呈现我的index.html在服务器端使用玉我正在开发我的应用程序使用angularjs。问题是这里，当我想呈现我的玉文件，我有下面的错误 E：\ Project \ agency_theme6 \ server \ core \ coreHttpHandlers \ visitor.jade：2 head（ng-controller =“headCtrl”prefix ='og： http ://ogp.me/ns#'）ReferenceError：无效的左手一边在分配我的玉码在这里 html(lang="en") head(ng-controller="headCtrl" prefix='og: http://ogp.me/ns#') base(href="#!/") meta(http-equiv="Content-Language", content="fa") meta(name="fragment", content="!") meta(name="viewport" , content="width=device-width, initial-scale=1.0") meta(http-equiv="Content-Type" , content="text/html; charset=utf-8") meta(http-equiv="Content-Style-Type", content="text/css") meta(http-equiv="Pragma", content="public") meta(http-equiv="Expires", content="-1") meta(http-equiv="refresh", content="1800") meta(name="generator", content="News Studio, http://www.partdp.ir") meta(name="copyright" content="Copyright (c) boursekhan") meta(property="og:title", content="") […]