jQuery .live（'click'，function（）{}）; 不适用于iPad

Question

我有一些jQuery函数，当在<SELECT>字段中选择新值时，这些函数会更新一些数字。 <SELECT>项目是由用户动态添加的，因此这些函数使用.live（）函数。 在Mozilla，Chrome和IE8中，一切按计划进行，但是当我尝试访问iPad上的页面时，数字不再相应地更新。 我必须点击 <SELECT>字段的号码更新的时候 。 这是我的功能之一：

    // Update subtotal when .months is changed
    $(".months").live('click',function(){

        var pid = this.id.replace("months", "");
        var price = document.getElementById('row' + pid).className;
        updateSubtotal(pid, price);

    });

所有功能都包含在document.ready()块中。 我尝试过“点击更改”，也尝试过“更改”，但是它们在某些其他浏览器中存在问题。

感谢您提供的所有帮助！

Answer 1

iPad和某些选择元素玩起来不太好。 如果您需要选定的值执行任何操作，则需要绑定以模糊 。

尝试这样的事情（ .months应该是您的select元素）：

// Update subtotal when .months is changed
$(".months").on('blur', function(){

    var pid = this.id.replace("months", "");
    var price = document.getElementById('row' + pid).className;
    updateSubtotal(pid, price);

   });

编辑
尝试这个：

// Update subtotal when .months is changed
$(document).on('blur|click', ".months", function(){
    var pid = this.id.replace("months", "");
    var price = document.getElementById('row' + pid).className;
    updateSubtotal(pid, price);
    });

on（）的好处是，您可以将其附加到元素上并从那里进行委托。 由于您的$（document）将始终存在，因此它还可以捕获您动态添加到页面中且从一开始就不存在的元素。 由于您的原始代码实时使用，所以我希望元素可以动态加载或生成。 在这种情况下，为了使用on（）将事件绑定到事件，您必须绑定到文档并委托任何即将到来的.months 。

Answer 2

如果您将一个空的onclick =“”添加到div（或span或其他任何东西），它将起作用....我不知道为什么:)