当我第一次开始使用Javascript/jQuery时,我被告知要使用document.ready,但我从未真正了解过原因.
有人可以提供一些基本指导,以便将javascript/jquery代码包装在jQuery中document.ready吗？
我感兴趣的一些主题:
.on()方法:我使用.on()AJAX 的方法(通常是动态创建的DOM元素)..on()点击处理程序应该始终在里面 document.ready吗？更新:为了遵循最佳实践,我的所有javascript(jQuery库和我的应用程序的代码)都位于我的HTML页面的底部,我defer在我的AJAX加载页面上使用包含jQuery的脚本上的属性,以便我可以访问这些页面上的jQuery库.
我已经读过,从点击链接/按钮到事件触发的时间,移动Safari的点击事件有300毫秒的延迟.延迟的原因是等待用户是否打算双击,但从UX角度来看,等待300毫秒通常是不合需要的.
消除这300ms延迟的一个解决方案是使用jQuery Mobile"tap"处理.不幸的是,我不熟悉这个框架,如果我需要的是一行或两行代码touchend以正确的方式应用,我不想加载一些大框架.
像许多网站一样,我的网站有很多点击事件,如下所示:
$("button.submitBtn").on('click', function (e) {
$.ajaxSubmit({... //ajax form submisssion
});
$("a.ajax").on('click', function (e) {
$.ajax({... //ajax page loading
});
$("button.modal").on('click', function (e) {
//show/hide modal dialog
});
我想做的是使用如下单个代码片段来消除所有这些点击事件的300毫秒延迟:
$("a, button").on('tap', function (e) {
$(this).trigger('click');
e.preventDefault();
});
这是一个坏/好主意吗？
我正在尝试将我的mysql数据库从Amazon EC2复制到RDS:
我成功地使用以下方法mysqldump将我的数据库添加到我的根文件夹中:
root@ip-xx-xx-xx-xx:~# mysqldump my_database -u my_username -p > my_database.sql
然后我尝试将此.sql文件传输到我的新RDS数据库:
root@ip-xx-xx-xx-xx:~# mysql my_database -u my_username -p -h
my_new_database.xxxxxxxxx.us-east-1.rds.amazonaws.com < my_database.sql
不幸的是,我收到以下错误消息:
You do not have the SUPER privilege and binary logging is enabled
(you *might* want to use the less safe log_bin_trust_function_creators variable)
我尝试过GRANT SUPER..多种方式,但是当我尝试这样做时,我也遇到了错误.打字mysql > FLUSH privileges;也不起作用.
我是一个mysql初学者,很抱歉这么简单的问题.思考？
有谁知道如何调整HTML5视频海报的大小,使其符合视频本身的确切尺寸？
这是一个显示问题的jsfiddle:http://jsfiddle.net/zPacg/7/
这是代码:
HTML:
<video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png">
<source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" />
<source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" />
<source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" />
</video>?
CSS:
video{
border:1px solid red;
}?
请注意,橙色矩形不会缩放到视频的红色边框.
此外,只是添加下面的CSS不起作用,因为它重新调整视频和海报:
video[poster]{
height:100%;
width:100%;
}
我正在尝试权衡使用<div>和<iframe>制作我自己的富文本/所见即所得编辑器的优点和缺点.
在这样做的时候,为什么我不能只使用一个满足 <div>而且为什么这么多人更喜欢<iframe>？
背景讨论:根据我的理解,制作一个所见即所得编辑器的常用方法是使div或iframe 满足,然后对execCommand包含div或iframe主体的文档进行操作,使其文本变为粗体或其他.
这是HTML:
<html><!--parent doc-->
<body><button type="button" class="btn-bold">Bold</button>
<div contenteditable="true"></div>
</body>
</html>
VS:
<html><!--parent doc-->
<body><button type="button" class="btn-bold">Bold</button>
<iframe>
<body contenteditable="true"></body>
</iframe>
</body>
</html>
和JS:
$(document.body).on('click', '.btn-bold', function(){
document.execCommand('bold', false, null);
});
VS:
$(document.body).on('click', '.btn-bold', function(){
window.frames[0].document.body.execCommand('bold', false, null);
});
看起来大多数制作精良的富文本编辑器都使用iframe.虽然我可以很容易地在Webkit浏览器中使用这个contenteditable/execCommandcombo来处理div/iframe,但是我有一个地狱般的时间试图让iframe在Firefox中运行.我不得不求助于将脚本和样式表加载到iframe和各种废话中来复制我可以使用基于div的版本轻松完成的任务.所以<div>基于方法似乎更可取.我重新考虑任何有力的理由？
据称,<video>tag属性webkit-playsinline可以防止默认转到HTML5视频的全屏行为.
我将此属性添加到我的视频标签中,并在iOS6 iPhone上检查了移动版Safari和Chrome,但它不起作用.视频仍然全屏显示.这类似于两年前SO所描述的其他经历.
截至2013年6月13日的移动浏览器有哪些功能webkit-playsinline？
我正在尝试在基于PHP的网站上实现推送通知.目标是使类似Stackoverflow和其他站点的内容类似于在获取消息时实时通知用户.
我使用mysql作为我的数据库,Apache作为我的服务器,我正在考虑使用Amazon-SNS作为这些通知的框架,因为这就是该服务似乎的目的.
我从文献中了解到如何以编程方式设置sending.php和receiving.php页面.我假设sending.php页面只涉及$_POST['message']某个页面,但从那里我真的迷失了.
如果有什么东西可以帮助我理解receiving.php推送通知页面的样子,我将非常感激.
这对我来说很奇怪,但是在Webkit浏览器(Chrome/Safari,而不是 Firefox)上,如果我在一个数字字符串中包含一个空格,<input type=number>那么该value输入是空的.
看到这个JSFiddle:http://jsfiddle.net/timrpeterson/CZZEX/5/
这是代码:
<input id='withOutspace' type='number' value='123'>
<input id='with_space' type='number' value='123 123'>
<button>click</button>
$('button').click(function(){
alert("withOut:"+$('#withOutspace').val()+" |||| with:"+$('#with_space').val());
});
如果你去这个JSFiddle,你会注意到with_space输入是空的.但是如果你把它放在一个有空格或任何非数字字符的数字中,警报会说输入是空的.
显然,这对于使用信用卡号等进行表单验证来说是一场灾难.所以有人对此有所攻击吗？
我只是做了以下操作,以便在我的localhost和我的生产环境中保留config.php文件的不同副本:
$ git update-index --assume-unchanged application/config/config.php
不幸的是,我并没有完全写入config.php文件,我应该和我需要扭转这种,这样我可以做出改变,提交它,然后重新忽略该文件.
如何撤消git update-index命令？
javascript ×6
html5 ×3
jquery ×3
git ×2
github ×2
html5-video ×2
amazon-ec2 ×1
amazon-rds ×1
amazon-sns ×1
apache ×1
attributes ×1
css ×1
dom ×1
execcommand ×1
forms ×1
fullscreen ×1
git-fork ×1
git-index ×1
gitignore ×1
grant ×1
html ×1
input ×1
mysql ×1
php ×1
pull-request ×1
safari ×1
touch ×1
validation ×1
wysiwyg ×1