我正在使用jQuery使用$ .ajax(假设test.html)通过AJAX加载页面.
它是一个简单的HTML文档,在单击它们时会有一些按钮和相关的动画(也使用jQuery).
当我直接加载页面时,关联的.click()属性正常工作,但是当我在加载AJAX的版本中单击它们时,按钮无法响应.
由于我太过疲惫,无法解释我正在做的所有闷闷不乐,我只是在编写下面的所有代码,为此道歉.以下是文件中的必需代码.
<!-- p11.php -->
<!DOCTYPE html">
<html>
<head>
<title>jQuery</title>
<script type="text/javascript" src="c/js/jquery.js"></script>
<script type="text/javascript" src="c/js/jtry11.js"></script>
<link rel='stylesheet' type='text/css' href='c/css/css11.css'>
</head>
<body>
<button id="go1">Load Something Using AJAX</button>
<div id="msg"></div>
<div id="showButton">
<button id="showLoadedPage">Show the Page</button>
</div>
<div id="results"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
而下一个
$(document).ready(function()
{
$('#results').hide();
$('#msg').hide();
$('#showButton').hide();
$('#loading').hide();
$('#loaded').hide();
$('#load').live('click', function()
{
$('#load').hide();
$('#loading').show();
$('#msg').show('fast');
$.ajax({
url: 'test.html',
cache: false,
success: function(html) {
$('#results').append(html);
}
});
$('#msg').ajaxSuccess(function(evt, request, settings){
$(this).append('Click the Button Below to View the Page');
$('#showButton').show('slow'); …Run Code Online (Sandbox Code Playgroud) 好吧基本上我想点击一个更改但始终具有相同文本名称的链接.下面是代码可能的示例
<a href="unlock.php?confirm=MD5hashere">Click Here</a>
Run Code Online (Sandbox Code Playgroud) 我正在使用基于jquery的eyeCon颜色选择器(http://www.eyecon.ro/colorpicker/).
当我单击并将鼠标拖到彩色区域上时,颜色会发生变化.但是当我点击彩色区域时,颜色不会更新.
我挖掘了它的源代码,发现了两个名为downSelector()和moveSelector()的函数分别在mousedown和mousemove上调用.我刚刚在downSelector()函数上添加了对moveSelector()的调用,传递了自己的ev对象.但它不起作用并抛出以下错误:未捕获的TypeError:无法读取未定义的属性'cal'
这可能是因为mousedown和mousemove的ev对象不同.
但我需要更新mousedown事件的颜色.有什么建议?
提前致谢 :)
我有一个带有onchange事件的输入文本,该事件调用一个显示警告框的函数.我还有一个按钮,其onclick调用不同的功能.如果用户对输入文本进行了更改并立即单击该按钮,则会触发onchange事件,显示警告框,但是按钮的onclick功能中的代码不会执行.我已经读到这与事件冒泡有关,但我还没有看到任何解决方案.有解决方案吗?它甚至可能吗?
这是一个小例子:
<input type = "text" onchange = "showAlert1()">
<input type = "button" id = "al2" value = "Click Here" onclick = "showAlert2()">
<script type = "text/javascript">
function showAlert1()
{
alert("ONE")
}
function showAlert2()
{
alert ("TWO");
}
</script>
Run Code Online (Sandbox Code Playgroud)
如果对输入值进行了更改并且用户立即单击该按钮,则onclick事件处理程序showAlert2()不会触发.我想,你在输入字段中写了一些东西,单击立即按钮然后触发它
警报("ONE")和警报("TWO")......
或者只是
警报("二")
嗨,我想在用户点击消息气球工具提示后显示更详细的信息.
但是,我找不到如何捕获该事件.
这可能吗?
我有一个标签和一些功能在点击它时运行.
但是当一个click事件发生时,双击事件就完成了,然后我的函数运行了2次......
你可以在这里看到一个轻松的例子
HTML:
<label>
<input type="checkbox" id="checkbox"> Click here
</label>
<input type="text" id="test" value="0"/> clicks???
Run Code Online (Sandbox Code Playgroud)
JavaScript的:
$(document).ready(function(){
$('label').click(function(event) {
$('#test').val(parseInt($('#test').val())+1);
event.preventdefault();
});
});?
Run Code Online (Sandbox Code Playgroud)
如何解决这个问题呢 ?
编辑
preventdefault()以preventDefault()固定的双击,但现在复选框不再检查...
我有一个悬停功能,如果它是一个触摸设备,我希望悬停事件不会发生.问题是当您点击带有触摸设备的链接时,它会在执行点击事件之前执行悬停事件,因此您必须点击它两次才能使用它.
这是悬停功能:
$("#close").hover(
function () {
$("#close_2").css({
display: "none"
});
$("#close_1").css({
display: "block"
});
},
function () {
$("#close_1").css({
display: "none"
});
$("#close_2").css({
display: "block"
});;
}
);
Run Code Online (Sandbox Code Playgroud)
然后我将此设置为click功能:
$('#close').click(function() {
var id = $(this).attr('id');
$('#full_image').animate({
height: 0
}, 300, function() {
$('#full_image img').attr('src','#');
});
$("#close_1").css({
display: "none"
});
$("#close_2").css({
display: "none"
});
$("#close").css({
display: "none"
});
});
Run Code Online (Sandbox Code Playgroud) 我有一个自定义控件,它本质上是一个绘图画布,以及一个用它来编辑文件的程序.但是,当打开一个新文件时,会发生一些非常奇怪的事情.
如果用户在"打开文件"对话框(标准TOpenDialog控件)中双击文件而不是选择项目并点击ENTER,则下面的画布会注册一个单击事件,并在加载后立即在光标位置执行绘制操作.完成.
显然,这不是预期的行为.之前我注意到,当您双击鼠标时,双击消息会在第二次单击消息之前到达.我认为对话框可能会从双击中关闭,然后第二次单击消息到达并被发送到适当坐标处的任何内容,因为它已经消失了.
有什么方法可以让这个停止发生吗?我无法告诉我的代码"加载后,只需吃下一次点击",因为它可能已经用"ENTER"键打开,然后它将错过第一次合法点击.谁能想到更好的方法来处理这个问题?(使用Windows 7,以防它有所作为.)
如何通过按钮打开选择下拉列表?
$('button').on('click', function() {
$('select').trigger('click');
});
Run Code Online (Sandbox Code Playgroud)
我的代码:http://jsfiddle.net/UGkWp/
更新:
我找到了webkit浏览器的解决方案,但只有这些浏览器:http://jsfiddle.net/UGkWp/2/也许你知道在每个浏览器中这是怎么做的?
我正在尝试获取一个简单的输入提交以单击使用capybara.提交button实际上是一个模态.但是,尝试一些capybara仍然无法正常工作.由于我正在进行测试,我建议不要修改代码库.添加一个id可以很容易地解决这个问题,但我不得不这样做.
HTML代码
<input type="submit" class="btn btn-primary text-uppercase" value="Create" form="new_tab">
Run Code Online (Sandbox Code Playgroud)
Capybara命令尝试过
find("input[type=submit][value='Create']").click
find('input[type]="submit"]').click
find('input[class="btn btn-primary text-uppercase"]').click
Run Code Online (Sandbox Code Playgroud) click ×10
javascript ×4
jquery ×4
events ×2
ajax ×1
button ×1
capybara ×1
color-picker ×1
delphi ×1
double-click ×1
greasemonkey ×1
hyperlink ×1
input ×1
java ×1
jquery-hover ×1
label ×1
messages ×1
onchange ×1
php ×1
select ×1
submit ×1
swing ×1
tray ×1
triggers ×1
windows ×1