2014-03-14 154 views
0

为什么我无法激活点击此功能的事件(无法提醒完成!)?无法激活事件点击

$("#content_tc p").click(function() 
{ 
     alert("Done!"); 
    operacao = "4"; 
    $.ajax(
    { 
     type: "POST", 
     url: "php/tc.php", 
     data: 
     { 
      operacao: "4" 
     }, 
     dataType: "html" 
    }) 

    .done(function(msg) 
    { 
     $("#content_tc").append(msg); 
    }) 

    .fail(function() 
    { 
     $("#content_tc").text("Error"); 
    }); 
}); 

上面的代码是一个名为tc.js

在HTML页面,在这里脚本被调用的文件(对在div id="content_tc"是我需要点击):

<!DOCTYPE html> 
<html> 
<head> 
    <link href="Content/css/styles.css" rel="stylesheet" /> 
    <script type="text/javascript" src="js/jquery.js"></script> 
    <script type="text/javascript" src="js/tc.js"></script> 
</head> 
<body> 
    <div class="central"> 
     <div id="content_tc"><p>a</p></div> 
    </div> 
</body> 
</html> 

请帮帮我。谢谢。

回答

0

尝试包装你的代码DOM准备处理$(document).ready(function() {...})或较短的形式$(function() {...});内,以确保所有的DOM元素都执行你的javacript代码之前正确加载:

$(function() { 
    // Your code here 
}); 

如果是动态创建的元素,可以使用event delegation

$('body').on('click', '#content_tc p', function() { 

}); 
+0

检查你的脚本代码调用,以确保的JavaScript使它进入页面。另外检查确保jquery首先加载脚本。您可以查看代码的小提琴。它工作得很好。 http://jsfiddle.net/qw5ph/ – csteel

+0

当我尝试使用事件委托,如: $(文件)。就绪(函数(){ \t \t $( '身体')上('点击。 ','$(“#content_tc p”)',function(){ \t}); }); 我得到如下信息:Uncaught Error:语法错误,无法识别的表达式:$(“content_tc p”) 你知道为什么吗?你可以帮我吗?谢谢。 – Danilo

+0

你在选择器中缺少'#'#content_tc' – Felix