如何找到单击列表项的位置.
所以,假设我点击了第二个列表项:
<li><a href="#"><span>Tab 2</span></a></li>
Run Code Online (Sandbox Code Playgroud)
然后,我会得到一个警告说:
你点击了第二个列表项?
JQuery代码
$('#top-betting ul li:first').addClass('current');
$('#top-betting div:not(:first)').hide();
$('#top-betting ul li span').click(function()
{
...?
});
Run Code Online (Sandbox Code Playgroud)
标记
<div id="tabs">
<ul class="clearfix">
<li><a href="#"><span>Tab 1</span></a></li>
<li><a href="#"><span>Tab 2</span></a></li>
<li><a href="#"><span>Tab 3</span></a></li>
</ul>
<div>Content 1</div>
<div>Content 2</div>
<div>Content 3</div>
</div>
Run Code Online (Sandbox Code Playgroud) 我使用以下代码通过单击块标题来切换div.我需要在各个块标题的点击上显示相应的div.这些div也应该自己切换.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
a { color:#C30; text-decoration:none; }
#banner { width: 930px; background-color:#666; height: 500px; }
#banner ul { list-style:none; padding: 40px; }
#banner ul li { margin: 10px 0 0 0; }
#banner ul li a { display:inline-block; border:5px solid #fff; background-color:#FC9; padding:10px; font: bold italic 18px Verdana; }
.sliderContent { border:5px solid #fff; background-color:#FC9; padding:10px; min-height: 150px; display:none; margin-top:5px; }
.sliderContent a { padding:0 !important; border:none !important; …Run Code Online (Sandbox Code Playgroud) 我遇到了Jquery live函数的问题.我正在动态添加数据,所以我必须使用实时函数才能点击动态添加的元素.
$("a.pm_member").live("click", function(){
alert('clicked');
});
Run Code Online (Sandbox Code Playgroud)
数据添加正确.没有错误消息,但它不显示警报窗口.
如果有人能帮我解决这个问题,我将很高兴.
编辑:
我想提供更多细节.
这就是我在页面中使用的内容;
<script>
new TINY.editor.edit('editor',{
id:'tiny_input',
height:200,
cssclass:'te',
controlclass:'tecontrol',
rowclass:'teheader',
dividerclass:'tedivider',
controls:['bold','italic','underline','strikethrough','|','subscript','superscript','|',
'orderedlist','unorderedlist','|','outdent','indent','|','leftalign',
'centeralign','rightalign','blockjustify','|','unformat','|','undo','redo','n','image','hr','link','unlink','|','cut','copy','paste','print','|','font','size','style'],
footer:false,
fonts:['Arial','Verdana','Georgia','Trebuchet MS'],
xhtml:true,
cssfile:'style.css',
bodyid:'editor',
footerclass:'tefooter',
toggle:{text:'source',activetext:'wysiwyg',cssclass:'toggler'},
resize:{cssclass:'resize'}
});
$('button#post').click(function () {
editor.post();
});
$('#suggestions').hide();
function hideSuggestions () {
$('#suggestions').hide();
}
$("a.pm_member").live("click", function(){
alert('clicked');
});
</script>
Run Code Online (Sandbox Code Playgroud)
这是一个PM系统.当admin在接收器输入区域中写入用户名时,脚本会建议一些用户名.
<input type="text" name="userName" class="medium" maxlength="100" onkeyup="findMember(this.value);" onblur="hideSuggestions();" onfocus="findMember(this.value);"/>
<div id="suggestions"></div>
Run Code Online (Sandbox Code Playgroud)
index.php中包含的页面超过1页.我可以在任何其他页面中使用.live()函数而不会出现任何问题,但不能在send-pm.php中使用.
我很困惑如何调试它以及如何解决它.
.bind(),. live(),. find()它只是不起作用.
以下元素是动态添加的;
<div class="flat_area grid_8 searchresults">
<h2 class="box_head grad_colour round_top">Member Suggestions</h2>
<div class="block">
<ul class="full_width"> …Run Code Online (Sandbox Code Playgroud) 我希望能够在按下菜单按钮时检测单击或双击.如果检测到单击,则会发生偶数,如果检测到双击,则会发生不同的事件.这是我尝试过的(使用toast代替事件):
private static final long DOUBLE_PRESS_INTERVAL = 250; // in millis
private long lastPressTime;
@Override
public boolean onPrepareOptionsMenu(Menu menu) {
// Get current time in nano seconds.
long pressTime = System.currentTimeMillis();
// If double click...
if (pressTime - lastPressTime <= DOUBLE_PRESS_INTERVAL) {
Toast.makeText(getApplicationContext(), "Double Click Event", Toast.LENGTH_SHORT).show();
return true;
}
// If not double click....
Toast.makeText(getApplicationContext(), "Single Click Event", Toast.LENGTH_SHORT).show();
// record the last time the menu button was pressed.
lastPressTime = pressTime;
return true;
}
Run Code Online (Sandbox Code Playgroud)
问题是每次双击事件之前都会检测到单击事件.
我想知道如何使我的Java程序模拟右键单击.所以想象你的鼠标不能再点击了.如何让Java模拟右键单击?我计划在x秒后按下一个模拟右键单击的JFrame按钮.谢谢,请尝试包含一些代码而不仅仅是链接
我有一个使用jQuery .click事件的锚来启动一些功能.
jQuery(document).ready(function(){
jQuery('a.slide_circ').click(function(){
do_all_functions();
return false;
});
});
Run Code Online (Sandbox Code Playgroud)
这是简短的代码..它的工作原理,每次点击锚类slide_circ启动do_all_functions.
但我有一个问题.如果用户双击,他们运行2次或更多的功能......以及如何想法去地狱.
我认为我需要禁用双击某种方式或在我的函数上设置超时,以便每次都不运行.谁能帮我 ?
这是我的jquery:
$(document).ready(function(){
$("div#overlay div#getFBid div#overlayClose").on("click", function(){
console.log("test")
});
});
Run Code Online (Sandbox Code Playgroud)
这是我的html,用ajax调用:
<div id="overlay">
<div id="getFBid">
<div id="overlayClose"> </div>
<h1>Wat is mijn Facebook page ID?</h1>
<div id="fbPageURLholder">
<input type="text" id="fbPageURL">
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我无法弄清楚我做错了什么,我显然错过了一些我认为应该非常简单的事情.有什么想法吗?
PS.我应该补充一点,我在jquery.com上看到live函数已被弃用,我应该使用delegate或on.
这是一个非常简单的问题/问题,我可以轻松地解决它,但是因为我正在学习javascript,所以我非常渴望知道为什么这个特殊问题正在发生.
$("#go").click(function() {
$("p").append(array[x] + " ")
functionlist[array[x]]()
x++
})?
Run Code Online (Sandbox Code Playgroud)
这不像我期望的那样有效.我希望它能够编写数组的当前内容,执行与某个函数名相关联的简单动画,然后递增x.一切正常,除了它不增加x.
如果我这样做:
$("#go").click(function() {
$("p").append(array[x] + " ")
//functionlist[array[x]]()
x++
})?
Run Code Online (Sandbox Code Playgroud)
x成功递增.
所以我的问题是,为什么会发生这种情况?
这是我正在使用的jsfiddle的链接:http://jsfiddle.net/mxy6N/3/
如何在以下示例中使用jquery更改css属性?我需要做的是在用户单击该项时更改"btn1"类的背景位置.我无法使用"点击"功能定位"btn1"类......顺便说一句,不是专家
<div class="menu">
<ul>
<li><a href="#" onclick="loadListaClientes(1);loadClientWeb(1);loadSlideWeb(1);return false;" class="btn1"></a>
<li><a href="#" onclick="loadListaClientes(2);loadClientGr(1);return false;" class="btn2"></a></li>
<li><a href="#" onclick="loadListaClientes(3);loadClientAds(1);return false;" class="btn3"></a></li>
<li><a href="#" onclick="loadListaClientes(4);loadClientPh(1);return false;" class="btn4"></a></li>
<li><a href="#" onclick="loadListaClientes(5);loadClientMo(1);return false;" class="btn5"></a></li>
<li><a href="#" onclick="loadListaClientes(6);loadClientApp(1);return false;" class="btn6"></a></li>
<li><a href="#" onclick="loadListaClientes(7);loadClientId(1);return false;" class="btn7"></a></li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
ps:我更新了标记
我想从iFrame中获取一个元素,然后单击它。获取元素成功。不幸的是,我无法在iframe中单击该元素。有人解决吗?
谢谢!
<script>
$(document).ready(function(){
var frame = $('#f314dbebb8'); //ID from the frame
console.log(frame);
});
</script>
Run Code Online (Sandbox Code Playgroud) click ×10
jquery ×8
javascript ×3
double-click ×2
java ×2
ajax ×1
android ×1
double ×1
element ×1
events ×1
function ×1
iframe ×1
live ×1
mouse ×1
position ×1
right-click ×1
slidetoggle ×1
swing ×1
toggle ×1