我正在尝试使用 Nightmarejs 制作简单的跟随脚本。它应该以下一种方式工作：
到目前为止我所拥有的是这个，它没有错误，但它只点击第一个关注按钮，那就是结束：
var Nightmare = require('nightmare');
var nightmare = Nightmare({ show: true })
nightmare
.goto('http://example.com/')
.click('.buttonOpenModal')
.wait(4000)
.click('.buttonFollow')
.end()
.then(function (result) {
console.log(result)
})
.catch(function (error) {
console.error('Search failed:', error);
});
我试图循环点击这样的关注按钮，但它给了我错误$ 未定义
var Nightmare = require('nightmare');
var nightmare = Nightmare({ show: true })
nightmare
.goto('http://example.com/')
.click('.buttonOpenModal')
.wait(4000)
.evaluate(function(){
$('.buttonFollow').each(function() {
$(this).click();
});
})
.end()
.then(function (result) {
console.log(result)
})
.catch(function (error) {
console.error('Search …我正在使用Materialise.css作为当前项目,我在其中有一些输入表单的下拉列表.
下拉选项可以关闭:
.dropdown-content.dropdown-content.dropdown-button我需要的是在点击它内部时不要关闭,因为我需要能够填写输入表格和其他动作.
这是一个简单的例子
我几天前开始玩聚合物,到目前为止我理解它很好,但刚才我遇到了一个问题.我试图更改默认宽度,但我无法获得所需的结果.首先,我尝试仅使用这些更改来更改css中的宽度:
#navheader {
background-color: #56BA89;
}
core-drawer-panel .transition > #main{
left:100px!important;
}
core-drawer-panel .transition > #drawer{
width:100px!important;
}
core-drawer-panel .narrow-layout > #drawer:not(.core-selected){
width:100px!important;
}
这是html部分:
<core-scaffold>
<core-header-panel navigation flex>
<core-toolbar id="navheader">
<span>Menu</span>
</core-toolbar>
<core-menu>
<core-item label="One"></core-item>
<core-item label="Two"></core-item>
<core-item label="Three"></core-item>
<core-item label="Four"></core-item>
<core-item label="Five"></core-item>
<core-item label="Six"></core-item>
<core-item label="Seven"></core-item>
</core-menu>
</core-header-panel>
<span tool>Title</span>
<div class="content">
If drawer is hidden, press button to display drawer.
</div>
</core-scaffold>
它不想在没有!important的情况下覆盖默认样式.这就是我得到的:http://screencast.com/t/7AQHblQvk它看起来很好,直到它崩溃,像这样:http://screencast.com/t/oDg3ptLpp.然后我尝试更改core-drawer-panel.html内部的默认宽度,所以我修改了这部分代码:
/**
* Width of the drawer …我最近开始学习React.js,现在我正在尝试使用动画/过渡.我正在使用React Router并尝试使用ReactCSSTransitionGroup在页面之间实现非常简单的转换.它在我加载/刷新页面时有效,但在我通过导航链接从一个页面到另一个页面时无效.尝试使用下一个代码使页面淡入,但它不起作用:
的package.json
{
"name": "reactapp",
"version": "1.0.0",
"description": "",
"main": "main.js",
"dependencies": {
"babel-core": "^6.9.1",
"babel-preset-react": "^6.5.0",
"babel-loader": "^6.2.4",
"babel-preset-es2015": "^6.9.0",
"react": "^15.1.0",
"react-dom": "^15.1.0",
"webpack": "^1.13.1",
"webpack-dev-server": "^1.14.1"
},
"devDependencies": {},
"scripts": {
"start": "webpack-dev-server --inline --content-base . --history-api-fallback"
},
"author": "",
"license": "ISC"
}
的index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>React App</title>
<link rel="stylesheet" href="/app.css">
</head>
<body>
<div id="app"></div>
<script src="/index.js"></script>
</body>
</html>
index.js
import React from 'react';
import ReactDOM from …javascript ×3
jquery ×2
reactjs ×2
css ×1
html ×1
materialize ×1
nightmare ×1
phantomjs ×1
polymer ×1
react-router ×1
transition ×1