JQuery选择一个内部p平面管理V.2_Jquery_Html_Twitter Bootstrap

JQuery选择一个内部p平面管理V.2

jquery html twitter-bootstrap

JQuery选择一个内部p平面管理V.2,jquery,html,twitter-bootstrap,Jquery,Html,Twitter Bootstrap,我无法使用标准方法从p元素中的a元素注册单击事件。HTML来自为了防止将来对任何人都有用，我给一个父div分配了一个id，并在click事件中钻取 <div id="parent_div_id" class="card-body col-xs-12" hidden> <div class="row"> <div class="col-xs-12"> <div class="card">

我无法使用标准方法从p元素中的a元素注册单击事件。HTML来自

为了防止将来对任何人都有用，我给一个父div分配了一个

id

，并在click事件中钻取

   <div id="parent_div_id" class="card-body col-xs-12" hidden>
     <div class="row">
       <div class="col-xs-12">
         <div class="card">
           <div class="card-body">
             <div class="row no-margin" id="dynamic_insert">

              </div>
           </div>
         </div>
       </div>
     </div>
  </div>

您需要确保先加载元素。您可以使用$（document）.ready（）进行此操作。可以使用jquery选择器获取所需的链接，然后将单击处理程序添加到jquery对象

在下面的示例中，我将向所有链接添加一个单击处理程序，并在单击链接时提醒链接的标签

<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Test</title>
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script>
      $(document).ready(function () {
        $('a').click(function () {
          alert($(this).html());
        });
      });
    </script>
</head>
<body>
  <h1>Test</h1>
  <p><a href="#">This is a test</a></p>
  <p><a href="#">This the second link</a></p>
</body>
</html>


试验
$（文档）.ready（函数（）{
$（'a'）。单击（函数（）{
警报（$（this.html（））；
});
});
试验

可能是css问题。因为z索引问题，我以前有过无法点击的按钮。无论如何都需要检查。您缺少正确回答问题所需的一半代码。您还需要@SamAxe吗？您试图注册单击事件的javascript。

change

event应用于输入元素，而不是

tagsThanks@cjaube。元素已加载，并且此函数和嵌套

元素的其他函数存在问题，特别是在

元素中。你上面的解决方案对我不起作用。

   <div id="parent_div_id" class="card-body col-xs-12" hidden>
     <div class="row">
       <div class="col-xs-12">
         <div class="card">
           <div class="card-body">
             <div class="row no-margin" id="dynamic_insert">

              </div>
           </div>
         </div>
       </div>
     </div>
  </div>

$('#parent_div_id').click(function(e) {
    var el = $(e.toElement);
    if (el.is('a')) // match
});

<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Test</title>
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script>
      $(document).ready(function () {
        $('a').click(function () {
          alert($(this).html());
        });
      });
    </script>
</head>
<body>
  <h1>Test</h1>
  <p><a href="#">This is a test</a></p>
  <p><a href="#">This the second link</a></p>
</body>
</html>