我正在使用Laravel 5中的本机Mailgun驱动程序发送电子邮件
\Mail::send('emails.notification', $data, function($message) use ($data)
{
$message->to('name@gmail.com', 'Joe Bob')->subject("Headline here");
});
Run Code Online (Sandbox Code Playgroud)
这种运作良好,并正在接收电子邮件,但我想知道我怎样才能从Mailgun让我知道了邮件发送的响应.
我怎样才能获得这些信息?
我有一行jquery,在使用jQuery的before方法在页面上已经在另一个div之前插入一个div:
$("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>');
Run Code Online (Sandbox Code Playgroud)
我希望新的div可以淡入,所以我尝试以两种不同的方式组合这些方法,但两种方法都无法正常工作.这是我尝试过的:
$("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>').fadeIn("slow");
Run Code Online (Sandbox Code Playgroud)
这没有用,因为它试图淡出#sendmail div而不是我插入的那个.这是我做的另一个尝试:
$("#sendEmail").before('<div id="response"><h1>Success</h1><p>Your email was sent.</p></div>');
$("#response").fadeIn("slow");
Run Code Online (Sandbox Code Playgroud)
这也没有用,因为当我尝试将其淡入时,已经插入了#response div,所以没有任何反应.
我觉得我很亲密,但我无法理解.有人可以帮忙吗?
我试图将一个段落标记与div中的一些文本居中,但我似乎无法使用margin:0 auto来居中,而无需为段落指定固定宽度.我不想指定固定宽度,因为我将在段落标记中包含动态文本,并且根据文本的大小,它将始终是不同的宽度.
有没有人知道如何将段落标记置于div中,而无需为段落指定固定宽度或不使用表格?
我试图在jQuery中使用focusout(http://api.jquery.com/focusout/)函数,在用户远离输入表单字段后执行一个函数,但是它不起作用.
这是我的代码:
$("#employee_id").focusout(function(){
var employeeId = $("#employee_id").val();
if(employeeId == '') {
$("#employee_id").after('<div class="error">Your employee id number is required.</div>');
hasError = true;
}
});
Run Code Online (Sandbox Code Playgroud)
我正在使用jquery-1.3.2.min.js,因为当我尝试使用jquery-1.4.2.min.js时,我正在使用的另一个插件(qtip)给了我一个错误.
如何使焦点事件发挥作用,还是有另一种方法来完成我想要完成的任务?
我有一个有3个值的数组.用户按下提交按钮后,我希望它用另一个值替换我指定的键的值.
如果我有一个带有值的数组(0 => A, 1 => B, 2 => C),并且运行了该函数,那么结果数组应该是(0 => A, 1 => X, 2 => C),例如,函数的参数告诉它用数组替换数组中的第二个点.
如何在php中替换数组中特定键的值?
我有一个包含3个值的数组:
$b = array('A','B','C');
Run Code Online (Sandbox Code Playgroud)
这就是原始数组的样子:
数组([0] => A [1] => B [2] => C)
我想在第一个和第二个键之间的位置插入一个特定值(例如,字母"X"),然后将其后面的所有值移动一个.所以实际上它将成为第二个值,第二个将成为第三个,第三个将成为第四个.
这是数组之后的样子:
数组([0] => A [1] => X [2] => B [3] => C)
如何使用PHP在数组中的两个键之间插入一个值?
我有一个带有表单字段和按钮的div,我想要欧式验证该div中具有适当data-validate属性的所有表单字段.无论div中有多少个表单字段,我都需要它才能工作.因此,它需要处理输入,textareas和选择字段.
HTML:
<div id="parsley-div">
<div class="form-group">
<label for="city">City</label>
<input id="city-test" type="text" class="form-control" data-parsley-required data-parsley-required-message="Please enter a city name.">
</div>
<button class="btn btn-primary">Save Changes</button>
</div>
Run Code Online (Sandbox Code Playgroud)
JS:
$('#parsley-div').find('button').click(function(){
$('#parsley-div').parsley().validate();
});
Run Code Online (Sandbox Code Playgroud)
不幸的是,这不起作用.我注意到如果表单字段周围有一个表单标签,它可以工作,但我需要它是一个div.我创建了一个显示这两种情况的JSFiddle:https://jsfiddle.net/8rkxzjx1/2/
如何让parsley data-parsley使用指定div中的属性验证所有表单字段?如果可能,请编辑JSFiddle以显示正确的实现.谢谢.
编辑:
我发现这是有效的,但感觉效率不高:
$('#parsley-div').find( "input, textarea, select" ).each(function (index, value) {
$(this).parsley().validate();
});
Run Code Online (Sandbox Code Playgroud) 我是redux-saga的新手,我正在尝试一个简单的演示工作,它会进行API调用并将响应数据发送到reducer,以便将其保存到商店.据我所知,redux-saga流应该如下工作.
我已经制定了我的代码来遵循这个流程,但事情并没有正常工作.让我展示我的代码,然后我会详细说明问题.
组件/ PostsIndex.js
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { fetchPosts } from '../actions';
class PostsIndex extends Component {
componentDidMount() {
this.props.fetchPosts();
}
renderPosts() {
console.log(this.props.posts);
}
render() {
return (
<div>
{this.renderPosts()}
</div>
);
}
}
const mapStateToProps = state => ({
posts: state.posts
});
export default connect(mapStateToProps, { fetchPosts })(PostsIndex);
Run Code Online (Sandbox Code Playgroud)
动作/ index.js
import axios from 'axios';
export const FETCH_POSTS = 'FETCH_POSTS'; …Run Code Online (Sandbox Code Playgroud) 我有一个表单,用户进入35个不同的领域.
我有一个内容管理系统,我想在表单上显示订单的结果.
我已经考虑过在表格中添加一个水平滚动条,或者将表格限制在10个最重要的列中然后制作它,以便管理员必须单击一个条目才能在自己的详细信息页面上查看所有信息.
您是否知道我可以在一个页面上显示35个字段的创造性方法?
我创建了一个自定义按钮,它包装了一个 MUI 按钮,以便选择默认道具等。下面是我创建的一个简化示例,但问题仍然存在。
下面是代码,这里是一个代码和框链接:https ://codesandbox.io/s/material-ui-button-forwardref-tooltip-hover-problem-entv2 ? file =/ Button.js
const Button = React.forwardRef((props, ref) => (
<MuiButton ref={ref}>{props.children}</MuiButton>
));
Run Code Online (Sandbox Code Playgroud)
<Tooltip title="I can hover" placement="top">
<Button>Custom Button</Button>
</Tooltip>
Run Code Online (Sandbox Code Playgroud)
根据https://material-ui.com/api/tooltip/#props上的 Tooltip 文档,我应该确保孩子可以持有 ref,所以我将它包装在React.forwardRef函数中并将其传递ref给 Material UIButton它正在返回的组件,但工具提示仍然不起作用。
任何想法我错过了什么?
javascript ×4
php ×4
jquery ×3
arrays ×2
reactjs ×2
api ×1
center ×1
css ×1
effects ×1
events ×1
focus ×1
forms ×1
html ×1
laravel-5 ×1
mailgun ×1
margin ×1
material-ui ×1
parsley.js ×1
redux-saga ×1
replace ×1
scroll ×1
tabular ×1
validation ×1