Internet Explorer 8中的JQuery委托不起作用

Question

這是代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>TITLE</title>

 <link type="text/css" href="jsutil/menubar/menu.css" rel="stylesheet"/>
 <link type="text/css" media="screen" href="jsutil/tablesorter/css/style.css" rel="stylesheet"/>

 <script type="text/javascript" src="js/jquery-1.7.min.js"></script>
 <script type="text/javascript" src="jsutil/menubar/menu.js"></script>
 <script type="text/javascript" src="jsutil/tablesorter/js/jquery.tablesorter.min.js"></script>
 <script type="text/javascript" src="jsutil/tablesorter/js/jquery.tablesorter.pager.js"></script>

 <script type="text/javascript">
$(document).ready(function(){

        $("#tabe").tablesorter();
        $("#tabe").width(600);

        $("#tabe").delegate("td", "click", function() 
        {
         var idCampanha = $(this).parent().find("td:first").html();
         //Seleciona campanha
         alert("clicked in: "+idCampanha);
         event.preventDefault();
        });


        $("#buscacamp").delegate("#bbcamp", "click", function()
        {
            alert("doing post");
            var jqxhr = $.post("php/slistar_campanhas.php", 
            {nome : $("#bcamp").val() },
            function(data)
            {
                $("#tabe > tbody").empty();
                for(var i=0;i<data.length;i++)
                {
                    var obj = data[i];
                    $("#tabe > tbody:last").append('<tr><td>'+obj.idcampanha+'</td><td>'+obj.nome+'</td></tr>');
                }
                event.preventDefault();
            },
            "json"
             );
             alert("post done");
            jqxhr.error(function(){ alert("Erro") });
            event.preventDefault();
        });


});
</script>
</head>
<body bgcolor="#3B3131">

    <div id="menu">
          ...JUST A WORKING MENU HERE
    </div>




    <div id="corpo" align="center">
        <h1 align="center" style="color:#F8F8F8">Selecionar Campanha</h1>
        <form id="buscacamp">
            <label style="color:#F8F8F8" for="bcamp">Nome da campanha</label>
            <input align="middle" size="35" type="text" name="bcamp" id="bcamp"/>
            <br/>
            <input type="submit" id="bbcamp" value="OK"/>
        </form>
        <table id="tabe" class="tablesorter" cellspacing="1">
                <thead>
                        <tr>
                                <th>Código da Campanha</th>
                                <th>Nome da Campanha</th>
                        </tr>
                </thead>
                <tfoot>
                        <tr>
                                <th>Código da Campanha</th>
                                <th>Nome da Campanha</th>
                        </tr>
                </tfoot>
                <tbody>

                </tbody>
        </table>
        <h1 id="titulo" class="cor" style="color:#F8F8F8">Nova Solicitação</h1>
        <form id="novasol">
            <label for="campanha" style="color:#F8F8F8">Campanha</label>
            <input size="20" type="text" name="campanha" id="campanha" readonly/>
            <br/><br/>
            <label for="titulo" style="color:#F8F8F8">Título</label>
            <input size="35" type="text" name="titulo" id="titulo"/>
            <br/><br/>
            <label for="descricao" style="color:#F8F8F8">Descrição</label>
            <textarea  rows="17" cols="55" id="descricao"></textarea>
            <br/>
            <label for="naudios" style="color:#F8F8F8">Número de áudios</label>
            <input size="10" type="text" name="naudios" id="naudios"/>
            <input type="submit" id="enviar" value="Enviar"/>
        </form>
    </div>


</body>
</html>

單擊#bbcamp時的Chrome輸出： 1-發布警報

2-警告發布完成

3-向表中添加行，當我單擊它時，它會顯示另一個警報

單擊#bbcamp時輸出IE 8： 1-警告發帖

2-將行添加到表

3-警告發布完成

4-刪除行並留空表

我嘗試使用點擊事件，但它也沒有起作用...我正在使用jQuery 1.7分鍾

有任何想法嗎？？

Answer 1

IE是JScript而不是JavaScript。

if(event.preventDefault){
    event.preventDefault();
}
else{
    event.returnValue = false;
}

Internet Explorer 8中的JQuery委托不起作用

問題描述

1 個解決方案

解決方案1
3 已采納 2011-11-17 18:07:35

Internet Explorer 8中的JQuery委托不起作用

問題描述

1 個解決方案

解決方案1 3 已采納 2011-11-17 18:07:35

解決方案1
3 已采納 2011-11-17 18:07:35