我有一个ASP.Net应用程序,它使用jQuery的AJAX POST方法来更新DOM.
除非用户在IE中手动刷新页面,否则一切正常.
如果他们进行了更改,则点击浏览器刷新按钮,然后再次执行这三个步骤,即使数据库已正确更新,也不显示他们刚刚输入的更新数据.
它显示原始数据.
他们必须完全关闭浏览器并重新打开它以查看更改.
这只发生在IE中.
FF和Chrome会在刷新时显示更改.
我在这里错过了什么？
JS
$(".deletable").live('click',function(){
$(this).parent().effect('explode', 500, function(){
$(this).parent().remove();
})
});
HTML
<table>
<tr>
<td class='deletable'>hi</td>
</tr>
</table>
<ul>
<li>
<span class=deletable>hi</span>
</li>
</ul>
我想删除tr以防万一td被点击并点击li案例span.
由于某种原因,这不起作用,而是整个ul/ table被删除.
为什么这样 ？
我实际上没有得到MouseEvent.Click事件和TouchEvent.Touch"事件之间的区别action script.
两者都在基于触摸的系统中提供相同的输出.
我想知道他们在处理用户事件方面有何不同.
我一直在使用JQuery,我在JFiddle上尝试了我的代码并且它运行良好但是当我在我的网站上执行它根本不起作用时,基本上我需要在我的用户列表中的列表项被点击时发送事件.
HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://dl.dropbox.com/s/r5pzakk4ikvck3t/style.css?dl=1">
<script src="https://www.dropbox.com/s/2hdvqa4ma51m0pw/jquery-1.9.0.min.js?dl=1"></script>
<title>Chat</title>
</head>
<body>
<div id="userlist-container">
<div id="userlist-title">User List</div><br />
</div>
<div id="main-container">
<div id="messages">
</div>
</div>
<div id="control-container">
<input type="text" id="TxtMessage" placeholder="Message" onKeyPress="SendMsg(event)" style="text-align:center;" >
</div>
<div id="alert-container" hidden="hidden">
<div id="alert-main">
<span id="alert-content"></span>
</div>
</div>
</body>
</html>
使用Javascript
$("#userlist-container > li").click(function(e) {
alert("TEST");
var username = "@" + this.html + " ";
$("TxtMessage").value(username);
$("TxtMessage").focus();
});
编辑:
页面加载后,它连接到服务器并添加<li>lalala</li>到内部userlist-container.
好的,所以我正在为我正在研究的项目写一个小聊天系统.我一直试图在这个过程中学习AJAX,而且一切似乎都很顺利.我的AJAX运行一个打开目录的PHP页面,AJAX从页面接收目录作为Array(DirectoryList).然后反复加载另一个AJAX函数,直到所有聊天日志都附加到DIV.
我的问题是ChatLogs没有按正确的顺序加载.
例如,如果我有日志:
它们将附加到ChatContainer DIV中:
而不是正确的顺序.
这是我的代码:
var ChatList = new Array();
var p;
var DirectoryList = new Array();
var ChatString = '';
function loadChat(variable) {
var req = new XMLHttpRequest();
req.onreadystatechange = function () {
if (req.readyState == 4 && req.status == 200) {
DirectoryList = JSON.parse(req.responseText);
var p = variable;
while (p < DirectoryList.length) {
loadLog(p);
p++;
}
}
}
//END REQ1
//Post Chat to DIV
function loadLog(p) {
$.get('chat/log/' …我创建了一个自动滑动的旋转木马每5秒钟(以及手动按钮移动幻灯片).我希望能够在鼠标悬停在幻灯片上时暂停滚动,并在鼠标不再悬停时恢复.
到目前为止,我的脚本将执行以上所有操作.
但是它不会在页面加载时启动,您必须将鼠标悬停在然后取消悬停才能启动.
这是我的脚本:
jQuery('#viewport').hover(function () {
window.clearInterval(timer);
}, function () {
timer = window.setInterval(function () {
jQuery('#next').trigger('click');
}, 1000);
});
我该怎么做才能让它立即开始滑动？
我有一个带字符串的数组,如果字符串中没有写任何内容我想从数组中删除它.splice().
不知怎的,它没有得到所有空条目.如果开头有2个空条目,则只获得一个.
这是我的小提琴和代码:
stringArray = ["", "", "Banana"];
console.log('before stringArray.length: ' + stringArray.length);
for (var i = 0; i < stringArray.length; i++) {
if (stringArray[i] === "") {
stringArray.splice(i, 1);
if (i > 0) i--;
}
}
console.log('after stringArray.length: ' + stringArray.length);
我想获取元素的 class 属性的值。
<a href="http://stackoverflow.com/" id="myId" class="myClassName">Click Me</a>
this.id，this.href并且this.text正在工作。
我的问题是为什么this.class不工作？
笔记：
我不想使用：
console.log($this.attr('class')); 或者 console.log($("a").prop("class"));
因为它很慢。
$(function(){
$("a").on("click",function(){
console.log(this.id); // myId
console.log(this.href); // http://stackoverflow.com/
console.log(this.text); // Click Me
console.log($("a").prop("class")); // myClassName
});
});
我无法在提交时调用jQuery.不显示功能中的警报.
我想显示所有已选中复选框名称的警报.
这是我的代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready({
$("#roleManagement").submit(function() {
alert("hi");
var selected = new Array();
$('#checkboxes input:checked').each(function() {
selected.push($(this).attr('name'));
});
$.each(selected, function(key, value) {
alert(key + ": " + value);
});
});
</script>
<body>
<form method="post" id="roleManagement">Role Id
<input type="text" name="roll_id" />
<br>Role Name
<input type="text" name="roll_name" />
<br>Role Description
<textarea name="roll_desc"></textarea>
<br>
<br>
<br>
<div id="checkboxes">Screen1
<br>tab1
<br>
<input type="checkbox" …我有以下JavaScript代码:
function PatternField(id, name, pattern) {
...
this.check = function () {
var field = this.elem.val();
...
};
this.elem.keyup(this.check);
this.elem.change(this.check);
}
当执行变为check功能时var field = this.elem.val();,结果是this指向elem而不是实际对象.如何this从这个对象函数中访问real ？