标签: click

如何找出点击元素的位置?

如何找到单击列表项的位置.

所以,假设我点击了第二个列表项:

<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)

jquery position click

1
推荐指数
1
解决办法
2828
查看次数

通过隐藏其他div来在DIV上进行jquery toggle()

我使用以下代码通过单击块标题来切换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 function click toggle slidetoggle

1
推荐指数
1
解决办法
3179
查看次数

Jquery Live点击功能不起作用

我遇到了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)

jquery click live

1
推荐指数
1
解决办法
4758
查看次数

按下菜单按钮时,如何创建单击事件和双击事件?

我希望能够在按下菜单按钮时检测单击或双击.如果检测到单击,则会发生偶数,如果检测到双击,则会发生不同的事件.这是我尝试过的(使用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 double android click double-click

1
推荐指数
1
解决办法
9036
查看次数

模拟右键单击

我想知道如何使我的Java程序模拟右键单击.所以想象你的鼠标不能再点击了.如何让Java模拟右键单击?我计划在x秒后按下一个模拟右键单击的JFrame按钮.谢谢,请尝试包含一些代码而不仅仅是链接

java mouse swing click right-click

1
推荐指数
1
解决办法
2035
查看次数

如何使用jQuery禁用双击或超时点击?

我有一个使用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 click double-click

1
推荐指数
1
解决办法
2366
查看次数

jquery on()不能处理click事件?

这是我的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">&nbsp;</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 ajax jquery events click

1
推荐指数
1
解决办法
960
查看次数

jQuery .click命令

这是一个非常简单的问题/问题,我可以轻松地解决它,但是因为我正在学习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/

javascript jquery click

1
推荐指数
1
解决办法
151
查看次数

使用jquery修改css

如何在以下示例中使用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:我更新了标记

jquery click

1
推荐指数
1
解决办法
132
查看次数

从iframe获取元素并单击它

我想从iFrame中获取一个元素,然后单击它。获取元素成功。不幸的是,我无法在iframe中单击该元素。有人解决吗?

谢谢!

<script>
$(document).ready(function(){
var frame = $('#f314dbebb8'); //ID from the frame
console.log(frame);
});
</script>
Run Code Online (Sandbox Code Playgroud)

javascript iframe jquery element click

1
推荐指数
2
解决办法
5502
查看次数