标签: jquery-events

我在网页上有一个链接.当用户单击它时,页面上的小部件应该更新.但是,我正在做一些事情,因为默认功能(导航到不同的页面)发生在事件触发之前.

这就是链接的样子:

  <a href="store/cart/" class="update-cart">Update Cart</a>

这就是jQuery的样子:

   $('.update-cart').click(function(e) { 
         e.stopPropagation(); 
         updateCartWidget(); 
      });

问题是什么？

看来drop事件并没有在我预料到的时候触发.

我假设当被拖动的元素在目标元素上方释放时会触发drop事件,但这似乎不是这种情况.

我有什么误会？

http://jsfiddle.net/LntTL/

$('.drop').on('drop dragdrop',function(){
    alert('dropped');
});
$('.drop').on('dragenter',function(){
    $(this).html('drop now').css('background','blue');
})
$('.drop').on('dragleave',function(){
    $(this).html('drop here').css('background','red');
})

我正在使用以下代码来检测单击动态生成的按钮的时间.

$(document).on("click",".appDetails", function () {
    alert("test");
});

通常情况下,如果你刚才这样做,$('.appDetails').click()你可以$(this)用来获取被点击的元素.我将如何使用上面的代码完成此操作？

例如:

$(document).on("click",".appDetails", function () {
    var clickedBtnID = ??????
    alert('you clicked on button #' + clickedBtnID);
});

我试着按照这里的例子

http://twitter.github.com/bootstrap/javascript.html#collapse

我在这里放了一个样机

http://jsfiddle.net/gqe7g/

加载行为很奇怪.它显示Menu1然后折叠它然后显示Menu2和Menu3.我希望一切都打开倒塌.我试过以下但没有成功

$('#accordion').collapse({hide: true})

我有一个Twitter Bootstrap按钮 - 收音机和钩子onclick事件.但是如何检查触发了哪个按钮？

我的第一个想法是简单地检查类'active',但这应该创建一个竞争条件(结果取决于是否首先处理Twitter Bootstrap事件或我自己的onclick事件).

我点击事件设置如下:

$('.dialogLink')
    .click(function () {
        dialog(this);
        return false;
    });

这一切都有"回归虚假"

有人可以解释这是什么以及是否需要它？

我正在尝试在我正在制作的网站上创建快捷方式.我知道我可以这样做:

if(e.which == 17) isCtrl=true;
if(e.which == 83 && isCtrl == true) {
    alert('CTRL+S COMBO WAS PRESSED!')
    //run code for CTRL+S -- ie, save!
    e.preventDefault();
}

但下面的示例更容易,代码更少,但它不是组合键按压事件:

$(document).keypress("c",function() {
  alert("Just C was pressed..");
});

所以我想知道如果通过使用第二个例子,我可以做类似的事情:

$(document).keypress("ctrl+c",function() {
  alert("Ctrl+C was pressed!!");
});

这可能吗？我试过了它并没有用,我做错了什么.

我正在获取一个JSON元素并从其项目中构建一个列表,如下所示:

getTitles: function(data) {
    data = data || {};
    var list = [];

    $.getJSON(
        '/titles',
        data,
        function(data) {
            $.each(data.data, function(key, val) {
                list.push(
                    '<li><a href="'+ val.href +'">'+ val.title +'</a><span class="count">'+ val.count +'</span></li>'
                )
            });

            $('#title-items').html(list.join(''));
        }
    );
}

我正在为这样的a元素绑定click事件:

$('a').on('click', function(e) {
    alert('clicked');
    e.preventDefault();
});

旧的元素显示警报但新的元素遵循URL.事件处理程序不适用于新事件处理程序.我怎么解决这个问题？

我正在尝试调试大量使用JavaScript事件的网页,因此我需要监视所有被触发的JavaScript事件.

大多数事件都是使用jQuery绑定的.因此,如果有一种方法可以专门监控那些事件,那将特别有用.

根据文档可以关闭正在执行的功能$('body').off('.alert.data-api').
在工具提示的情况下,我从js控制台尝试了以下内容,$('body').off('.tooltip.data-api')但它没有禁用Bottons上的工具提示.
有什么提示如何先行？