Javascript jquery处理的是静态html，而不是动态html_Javascript_Php_Jquery_Html

Javascript jquery处理的是静态html，而不是动态html

javascript php jquery html

Javascript jquery处理的是静态html，而不是动态html,javascript,php,jquery,html,Javascript,Php,Jquery,Html,很少有div元素是使用ajax生成的，也很少有静态的。jquery只处理静态元素，不处理动态生成的html。我在点击“app”类的任何元素时运行jquery。但是jquery只处理静态html，而不处理动态html <!Doctype html> <html> <head> <title>applications</title> <link rel="stylesheet" type="text/css" href="css/st

很少有div元素是使用ajax生成的，也很少有静态的。jquery只处理静态元素，不处理动态生成的html。我在点击“app”类的任何元素时运行jquery。但是jquery只处理静态html，而不处理动态html

<!Doctype html>
<html>
<head>
<title>applications</title>
<link rel="stylesheet" type="text/css" href="css/style.css">

<script src="//code.jquery.com/jquery-1.7.2.min.js"></script>

<script>

$(document).ready(function(){
$.ajax({
        type:'GET', 
        url:'application/show_app.php',
        data:{show_app:"1"}, 
        success: function(data){
            if(data)
            {
                var split= data.split('%%%%');
                for(var i=0;i<split.length-1;i++)
                {
                    var div= document.createElement("div");
                    var div_child=document.getElementById("app_row").appendChild(div);
                    div_child.className="app";
                    div_child.innerHTML="dynamic";    //dynamically generated                   

                 }

             }
        }, 
        failure: function(){
            alert(failed);
        }

    }) ;

$(".app").click(function(){
    alert("jquery"); //jquery which will run on clicking the division

});






});

</script>





</head>
<body id="default" class="full">           //basic html
    <div class="header">
        <h1>
        <a title="urban airship">urbanairship</a>
        </h1>
    </div>
    <div class="main" name="application-main">
        <div class="sub-header">
            <h2>Your Applications</h2>
            <div class="sub-header-actions">
                <a href="application/add_app.php/">
                    <span class="sprite plus-ico"></span>
                    New App
                </a>
            </div>
        </div>
        <div class="row main-app-list" id="app_row">
    <div class="app">static</div> //static html


        </div>
    </div>



</body>
</html>


应用
$（文档）.ready（函数（）{
$.ajax({
类型：'GET'，
url:'application/show_app.php'，
数据：{show_app:“1”}，
成功：功能（数据）{
如果（数据）
{
var split=数据分割（'%%'）；
对于（var i=0；i尝试：
这是因为您的事件侦听器现在连接到文档而不是单个元素。这允许通过AJAX加载的元素仍然触发事件。您还应该查看（…）

上的作用域，即（…）上的（

$（“#myWrapper”）。因为这对性能更有利
请参阅文档：
尝试：
这是因为您的事件侦听器现在连接到文档而不是单个元素。这允许通过AJAX加载的元素仍然触发事件。您还应该查看（…）

上的作用域，即（…）上的（

$（“#myWrapper”）。因为这对性能更有利
请参阅文档：
尝试：
这是因为您的事件侦听器现在连接到文档而不是单个元素。这允许通过AJAX加载的元素仍然触发事件。您还应该查看（…）

上的作用域，即（…）上的（

$（“#myWrapper”）。因为这对性能更有利
请参阅文档：
尝试：
这是因为您的事件侦听器现在连接到文档而不是单个元素。这允许通过AJAX加载的元素仍然触发事件。您还应该查看（…）

上的作用域，即（…）上的（

$（“#myWrapper”）。因为这对性能更有利
请参阅文档：use$（document）.on（“click”，“.app”，function（）{使用jquery处理静态内容的原因是DOM已知这些内容，并且可以处理已知元素的事件。但是对于动态内容，您必须使用.bind（）将事件与该元素绑定，或者使用.live（）-它已弃用，因此您可以使用.on（）要正确运行它，请使用$（document）.on（“click”，“.app”，function（）{使用jquery处理静态内容的原因是DOM已知这些内容，并且可以处理已知元素的事件。但是对于动态内容，您必须使用.bind（）将事件与该元素绑定，或者使用.live（）-它已被弃用，因此您可以使用.on（）要正确运行它，请使用$（document）.on（“click”，“.app”，function（）{使用jquery处理静态内容的原因是DOM已知这些内容，并且可以处理已知元素的事件。但是对于动态内容，您必须使用.bind（）将事件与该元素绑定，或者使用.live（）-它已被弃用，因此您可以使用.on（）要正确运行它，请使用$（document）.on（“click”，“.app”，function（）{使用jquery处理静态内容的原因是DOM已知这些内容，并且可以处理已知元素的事件。但是对于动态内容，您必须使用.bind（）将事件与该元素绑定，或者使用.live（）-它已被弃用，因此您可以使用.on（）使其正常运行。
$(document).on('click', '.app' , function(){
    alert("jquery"); //jquery which will run on clicking the division
});