Php 前4个li元素';我们只做一次工作,但每个人都做不到;t-在FF 3.6和铬合金中

Php 前4个li元素';我们只做一次工作,但每个人都做不到;t-在FF 3.6和铬合金中,php,jquery,html,ajax,onclick,Php,Jquery,Html,Ajax,Onclick,对不起,这个标题让人困惑,但这是我能描述的最好的了。。。所以我有一个TD元素,当双击它时,jqueryajax函数会从PHP脚本返回一个ul 新代码(很抱歉这么多): 以下是jQuery Ajax代码: //Create PU: $('#DD_'+IDNum).append('<div class="popUp" id="PU_'+IDNum+'"></div>'); //ajax: $.ajaxSetup ({ cach

对不起,这个标题让人困惑,但这是我能描述的最好的了。。。所以我有一个TD元素,当双击它时,jqueryajax函数会从PHP脚本返回一个ul

新代码(很抱歉这么多):

以下是jQuery Ajax代码:

    //Create PU:
    $('#DD_'+IDNum).append('<div class="popUp" id="PU_'+IDNum+'"></div>');

    //ajax:
    $.ajaxSetup ({
        cache: false
    });
    var ajax_load = '<img class="loading" id="LG_'+IDNum+'" src="../images/loading.gif" />';
    if(key==0)
        var term = '';
    else
        var term = $('#TC_'+IDNum).val();
    //load() functions
    var loadUrl = "./ddGet.php?Ele="+element+"&Client="+ClientID+"&vendorName="+vendorName+"&id="+IDNum+"&term="+term;
    $('#PU_'+IDNum+'').html(ajax_load).load(loadUrl);
不再那么简单了吧?首先,我注意到,在Chrome中,onclick只有在它像前4个li那样点击时才起作用。在前四次(大约)之后,什么都不会发生。然后我注意到FF3.6也在做同样的事情。我检查了IE(虽然页面不是要在IE中运行的),它工作了。最后,FF4也可以正常工作

我说“大概”是因为有时候是前4,5,6,7。。。有时似乎有一种模式,但我无法理解。我会发布更多的代码,但是代码太多了,我看不出有什么意义,因为问题基本上发生在上面的响应文本中


我不知道下一步该怎么办。

嗯。。我似乎无法复制您的问题(尽管我没有Firefox3.6来测试)

您可以在JSFIDLE上测试它吗:

我已经让它在Firefox4、Chrome11、IE 9中运行良好。

建议:

从锚定中删除所有
onClick
属性。相反,在UL元素上设置ID属性(例如
list

然后,将其添加到jQuery代码中:

$('#list').live('click', function(e) {
    var anchor = e.target;
    // do stuff with your anchor
});

现场演示:

CSS会很好,它可能是一个风格问题,导致某些东西失控。可能会创建一个要复制的JSFIDLE。似乎对我有用。(我在使用chrome)有趣的是,上面的代码可以很好地工作。@jreed你能修改那个PHP脚本吗?@jreed我会先检查错误控制台(万一抛出错误)…我认为这可能会工作(或使用委托),因为它太不一样了。但它也有同样的效果。因此,我想我需要开始寻找其他地方,但我真的不知道其他地方可以寻找,我将用jquery更新我的问题。我希望我可以,但是材料包含机密PHI,这将需要太多的时间和精力来清理信息,抱歉。我发布了更多的代码,让您更好地了解这里的情况。感谢您的帮助-我喜欢使用.live more的想法,因为它应该有助于提高性能,而且更干净。@jreed您确定没有在任何浏览器中抛出一个错误吗?
<ul id="DD_UL">
<li id="LI_1_1_1" class="li-odd">E02_02</li>
<li id="LI_1_1_2" class="li-even">E02_03</li>
<li id="LI_1_1_3" class="li-odd">E02_04</li>
<li id="LI_1_1_4" class="li-even">E02_05</li>
<li id="LI_1_1_5" class="li-odd">E02_06</li>
<li id="LI_1_1_6" class="li-even">E02_07</li>
<li id="LI_1_1_7" class="li-odd">E02_08</li>
<li id="LI_1_1_8" class="li-even">E02_09</li>
<li id="LI_1_1_9" class="li-odd">E02_10</li>
<li id="LI_1_1_10" class="li-even">E02_11</li>
<li id="LI_1_1_11" class="li-odd">E02_13</li>
<li id="LI_1_1_12" class="li-even">E02_14</li>
<li id="LI_1_1_13" class="li-odd">E02_20</li>
</ul>
function selectLI(){
        $('#DD_UL').live('click',function(e){
        var id = e.target
        id = $(id).attr('id');
        var IDNum = id.substr(3);
        IDNum = IDNum.substring(0,IDNum.lastIndexOf("_"));
        var newVal = $('#'+id).html();
        if(newVal.indexOf(" - ")>0)
            newVal = newVal.substring(0, newVal.indexOf(" - "));
        $('#TC_'+IDNum).val(newVal);
        });  
    }
$('#list').live('click', function(e) {
    var anchor = e.target;
    // do stuff with your anchor
});