我最近开始使用Eloquent.
当我使用PHP Active Record时,有一个很好的函数可以检查记录是从数据库加载还是新实例.在Eloquent中我可以使用类似的东西吗？
新的我的意思是:
$article = new Article;
而数据库中的一个就是
$article = Article::find(1);
我在开发网站时使用Vagrant并且已经在去年左右完成了.我想在iPad上测试一些功能,但我无法弄清楚如何让iPad连接到Mac上的Vagrant盒子.
是否有可能做到这一点？
什么是找出$(this)jQuery当前等于什么的最好方法？
例如alert(this);没有多大帮助.
我问的原因是,在将代码移动到函数中之后,一段代码当前没有做它应该做的事情.
下面的摘录现在是一个函数,$(this)现在似乎引用了DOMWindow.
if($(this).hasClass('open'))
{
alert('I should be closed');
$(this).removeClass('open').addClass('closed');
$(this).parents('article').css('border', '1px solid red').animate({'width': '212px'}, 100, "linear", function() {
run_masonry();
});
}
else
{
alert('I should be open');
$(this).removeClass('closed').addClass('open');
$(this).parents('article').css('border', '1px solid blue').animate({'width': '646px'}, 100, "linear", function() {
run_masonry();
});
}
如何保持$(this)作为原始点击元素？
考虑以下代码。我想切换摘录和描述。下面的代码就是这样做的，但这意味着<a>在文章的外面，我更喜欢在里面。
<article v-if="!toggle" v-html="item.excerpt"></article>
<a href="#" v-if="!toggle" @click.prevent="toggle = 1">Read more...</a>
<article v-if="toggle" v-html="item.description"></article>
<a href="#" v-if="toggle" @click.prevent="toggle = 0">Show less...</a>
可以改写为
<article v-if="!toggle">
<span v-html="item.excerpt"></span>
<a href="#" @click.prevent="toggle = 1">Read more...</a>
</article>
<article v-if="toggle">
<span v-html="item.description"></span>
<a href="#" @click.prevent="toggle = 0">Show less...</a>
</article>
但这意味着摘录/描述用<span>. 有没有办法使用v-html指令而不输出包装标签？
我使用其中一个MailChimp模板作为电子邮件设计的基础,但我不会使用MailChimp发送电子邮件.
MailChimp模板头部有大约330行CSS.自从我上次发送HTML电子邮件以来已经有一段时间了,但这是可以接受的还是我必须在元素上使用内联样式？
我不确定MailChimp是否有一个脚本可以将所有样式转换为内联css,如果我必须做同样的事情.
如果我有以下ruby哈希:
environments = {
'testing' => '11.22.33.44',
'production' => '55.66.77.88'
}
我如何访问上述哈希的部分内容？下面举例说明我想要实现的目标.
current_environment = 'testing'
"rsync -ar root@#{environments[#{testing}]}:/htdocs/"
我正在编写一个自动设置开发环境的厨师脚本.我可以创建一个数据库并授予权限,但我试图找到一种方法将mysql转储文件导入刚刚创建的数据库中.
我授予访问权限的代码是
ruby_block "Execute grants" do
block do
require 'rubygems'
Gem.clear_paths
require 'mysql'
m = Mysql.new('localhost', "root", node[:mysql][:server_root_password])
m.query("GRANT ALL ON *.* TO 'root'@'10.0.0.1' IDENTIFIED BY '#{node[:mysql][:server_root_password]}'")
m.query('FLUSH PRIVILEGES')
end
end
我希望我能够做以下查询
#m.query("-u root -p root db_name < /project/db/import.sql")
但只是给了我一个错误.
我没有做太多的Ruby,所以很难弄明白.谁知道我怎么能这样做？
在Vue中，删除项目后如何从表格中删除行？
下面是我渲染表格的方式
<tbody>
<tr v-for="item in items">
<td v-text="item.name"></td>
<td v-text="item.phone_number"></td>
<td v-text="item.email"></td>
<td><button @click="fireDelete(item.id)">Delete</button></td>
</tr>
</tbody>
以下是我的Vue组件的摘录。
data() {
return {
items: []
}
},
methods: {
fireDelete(id) {
axios.delete('/item/'+id).then();
}
},
mounted() {
axios.get('/item').then(response => this.items = response.data);
}
axios.get可以工作，而axios.delete也可以，但是朋友没有反应，因此仅在刷新页面后才从表中删除该项目。我如何删除相关内容<tr>？
我有一个想要使用的布局的想法,但我不能让它正常工作.我希望这里有人可以提供帮助,因为我花了几个小时搜索.
布局就是这样.
一个包装div包含6个儿童div.这些孩子的div一定是在集中所有的时间,无论包装div的大小.
<html>
<head>
<title>Testing</title>
<style>
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0; }
#wrapper { max-width: 960px; min-width: 320px; background: #444; margin: 0 auto; }
.box { width: 280px; padding: 10px; margin:10px; height: 260px; border: 0px; float: left; background: #fff; }
</style>
</head>
<body>
<div id="wrapper">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<br class="clear" />
</div>
</body>
</html>
问题是当浏览器调整得更小并且一个方框被撞到框下面的线上时会向左下方,而我希望它们始终居中.这可能是使用纯CSS还是我需要使用一些jquery？
我想在表单中添加一个类,而不是表单项.我查看了http://codex.wordpress.org/Function_Reference/comment_form,但没有提到在表单中添加类.
我对搜索字段有一个简单的限制,以确保不是每个按键都作为查询发送,它在提交之前等待按键后300ms.如果在300ms启动之前检测到另一个按键,则时钟将复位.
我在Vue中设置如下:
<input v-model="search_string" placeholder="Search..." type="text" @keyup="searchThrottle();">
runSearch (type) {
do something....
}
searchThrottle () {
if (window.ajaxtimeout) clearTimeout(window.ajaxtimeout)
window.ajaxtimeout = setTimeout(this.runSearch, 300)
},
它依赖于这条线的方式有所不同: window.ajaxtimeout = setTimeout(this.runSearch, 300)
例如,如果我传递一个参数,那么该行就是window.ajaxtimeout = setTimeout(this.runSearch('autocomplete'), 300)为每个按键运行搜索,忽略超时.
为什么功能不同？
我有一段代码正在从点击功能运行.由于某种原因,动画低至100px的部分永远不会运行console.log或者my_function()它会跳过你放在那里的任何东西.动画高达200px的部分都运行良好.是什么赋予了？
if($(this).hasClass('open'))
{
$(this).removeClass('open').addClass('closed');
$(this).animate({'width': '100px'}, {queue:false, duration:150, easing: 'linear'}).delay(160, function (){
//Nothing in here ever get run??
console.log('closed');
my_function();
});
}
else
{
$(this).removeClass('closed').addClass('open');
$(this).animate({'width': '200px'}, {queue:false, duration:200, easing: 'linear'}).delay(210, function (){
console.log('opened');
my_function();
});
}