我正在使用jQuery和JSON制作聊天脚本,但由于"资源使用限制",我的主机暂停了它.我想知道是否有可能(以及如何)减少这些请求.我读了一个问题,他们讲了一些关于Ajax超时的事情,但我不是很擅长Ajax.代码是:
function getOnJSON() {
var from;
var to;
var msg_id;
var msg_txt;
var new_chat_string;
//Getting the data from the JSON file
$.getJSON("/ajax/end.emu.php", function(data) {
$.each(data.notif, function(i, data) {
from = data.from;
to = data.to;
msg_id = data.id;
msg_txt = data.text;
if ($("#chat_" + from + "").length === 0) {
$("#boxes").append('...some stuf...');
$('#' + from + '_form').submit(function(){
contactForm = $(this);
valor = $(this + 'input:text').val();
destinatary = $(this + 'input[type=hidden]').val();
reponse_id = destinatary + "_input";
if (!$(this + 'input:text').val()) {
return …
Run Code Online (Sandbox Code Playgroud) 你知道如何在IDvíaCSS中选择包含WORD的 div 吗?+1按钮添加ID为"___plusone_1"的iframe,每个按钮的姓氏增加,我想为所有plusone标签应用CSS规则.
#___*PLUSONE* {
width:100px;
}
Run Code Online (Sandbox Code Playgroud)
此外,我想垂直居中图像中的文本
这是JSfiddle:http://jsfiddle.net/aGEdu/
谢谢
我做得不好?
CSS:
.submit{
padding-left:10px;
margin:0;
border:0;
outline: 0;
height:32px;
padding-right:32px;
}
.green-btn {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#61A801), to(#8CC400));
background: -webkit-linear-gradient(top, #8CC400, #61A801);
background: -moz-linear-gradient(top, #8CC400, #61A801);
background: -ms-linear-gradient(top, #8CC400, #61A801);
background: -o-linear-gradient(top, #8CC400, #61A801);
color: #fff;
font-family: verdana;
font-size: 13px;
font-weight: normal;
border-radius:5px;
}
.clipboard{
background-image: url(http://cdn1.iconfinder.com/data/icons/opensourceicons/32/Scissors.png) no-repeat right center;
}
?
Run Code Online (Sandbox Code Playgroud)
HTML:
<input type="submit" value="Copy" class="submit green-btn clipboard">?
Run Code Online (Sandbox Code Playgroud)
JSFiddle: http ://jsfiddle.net/77NYA/
http://jsfiddle.net/fdezluis96/JJ29E/3/
我正在制作一个类似Twitter的栏,我想让它显示一些通知,如JSFiddle所示.它是一个菜单栏(主页,连接,朋友,帐户)和一个登录按钮,所有都是动态的浏览器宽度,所以我不能把它margin:auto;
.我希望在第二个示例中显示,但使用第一个语法,因为我不能使用表.码:
.navigation{
padding:5px;
font-family: HelveticaNeue, Tahoma, Verdana;
color: #fff;
font-size:20px;
background: #333;
height:24px;
overflow:hidden;
}
.subnavigation{
border:1px solid #fff;
border-top-width:0px;
border-bottom-width:0px;
overflow: auto;
background: #666;
border-radius:5px;
border-top-right-radius:0px;
border-top-left-radius:0px;
}
table{
float:left;
}
?
Run Code Online (Sandbox Code Playgroud)
和HTML:
<!--Example one, desired syntax, not working-->
<div class="navigation">A
<div class="subnavigation">B.</div>
A
</div>
<br />
<!--Example two, working but with tables, so its not viable-->
<table>
<td class="navigation">A</td>
</table>
<table>
<td class="navigation subnavigation">
Scroll content<br />
Lorem ipsum...LALALALA<br />
Just more stuff<br />
And …
Run Code Online (Sandbox Code Playgroud) 我遇到了循环问题.它不会将'i'值从0增加.你能帮帮我吗?
这是我的代码:
var users = ["a", "b", "c"];
if (users.length > 0) {
$(".ajax").live("submit", function(){
for (var i=0; i < users.length; i++) {
console.log(i);
var forma = $(this);
$("input[name=_session]", forma).val(users[i]);
ajaxy(forma, function(data){
console.log(data.status);
});
return false;
}
});
} else...
Run Code Online (Sandbox Code Playgroud) css ×3
html ×3
javascript ×2
ajax ×1
background ×1
css3 ×1
for-loop ×1
jquery ×1
resources ×1
scroll ×1
server-side ×1
syntax ×1