JQuery Click事件没有响应

-1

我有一个JQuery事件的小问题。我想在点击按钮时在一个div中加载一个HTML页面。按钮的动态创建是每个xslt和scritp都是动态的。在浏览器中一切都很好解释，但事件没有奏效。JQuery Click事件没有响应

$(document).ready(function(){ 
 
\t console.log('partie1'); 
 
    $('#Btn_MILENG').click(function(){ 
 
    \t console.log('partie2'); 
 
    \t $("#DIV_DETAIL").html('<object data="SomeURL"></object>'); 
 
\t }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a class="btn btn-primary btn-xs" href="#" role="submit" name="Btn_MILENG">Détails</a>

如果有人看到的问题，这将是对我非常有帮助。

来源

2017-02-23 nathanael nourry

只给id为元素。 –

没有给出id如何调用click（）事件。分配ID然后检查。 –

您link不要有一个Id

要么一个Id="Btn_MILENG"添加到您的link，或更改$('#Btn_MILENG') ==>$('[name="Btn_MILENG"]')

$(document).ready(function() { 
 
    console.log('partie1'); 
 
    $('#Btn_MILENG').click(function() { 
 
    console.log('partie2'); 
 
    $("#DIV_DETAIL").html('<object data="SomeURL"></object>'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a class="btn btn-primary btn-xs" href="#" role="submit" id="Btn_MILENG" name="Btn_MILENG">Détails</a>

来源

2017-02-23 12:09:51

你就是不给ID来元

您的生产线变更为

<a id="Btn_MILENG" class="btn btn-primary btn-xs" href="#" role="submit" name="Btn_MILENG">Détails</a>

来源

2017-02-23 12:10:06

我已经尝试过这个ID，但它没有工作。在站在一个表中是重要的吗？ –

什么都不能正确工作？它应该在将ID添加到后工作。但标记应该在DOM –

a标记Id是我的一个尝试，我在这之后几个小时现在这就是为什么我问寻求帮助:)在这里，我只是尝试所有的解决方案，但在Chrome中，我看到了第一个控制台日志（在文档准备就绪上），但没有出现第二个触发点击的人。我完全失去了^^ –

你需要添加ID标签

<a class="btn btn-primary btn-xs Btn_MILENG" href="#" role="submit" id="Btn_MILENG">Détails</a>

，或者您可以使用类

$(document).ready(function(){ 
console.log('partie1'); 
    $('.Btn_MILENG').click(function(){ 
    console.log('partie2'); 
      $("#DIV_DETAIL").html('<object data="SomeURL"></object>'); 
     }); 
    });

，如果你想使用ID

$(document).ready(function(){ 
console.log('partie1'); 
    $('#Btn_MILENG').click(function(){ 
    console.log('partie2'); 
      $("#DIV_DETAIL").html('<object data="SomeURL"></object>'); 
     }); 
    });

都会工作

来源

2017-02-23 12:12:06

因为您添加按钮dynamicaly您应该使用on事件。并且如果您的按钮的均值是一个链接，那么应该添加ID到a标签：

$(document).ready(function(){ 
    console.log('partie1'); 
     $(document).on("click", '#Btn_MILENG', function(){ 
     console.log('partie2'); 
       $("#DIV_DETAIL").html('<object data="SomeURL"></object>'); 
      }); 
     }); 
<a id="Btn_MILENG" class="btn btn-primary btn-xs" href="#" role="submit" id="Btn_MILENG" name="Btn_MILENG">Détails</a>

来源

2017-02-23 12:14:17

一个标记Id是我的一个尝试，我在这个自从现在几个小时，为什么我要求帮助:) 在这里，我只是尝试所有的解决方案，但在Chrome中，我看到第一个控制台日志（在文档准备就绪上），但没有出现第二个触发点击的人。我完全失去了^^ –

你还没有加入按钮元素

<a class="btn btn-primary btn-xs" href="#" role="submit" name="Btn_MILENG" id="Btn_MILENG">Détails</a>

来源

2017-02-23 12:31:56

在体内

id属性：

    <ul>     
         <xsl:for-each-group select="//dbquery[@id='Analyse_Global']/rows/row" group-by="@bde"> 
          <xsl:variable name="BDE" select="current-grouping-key()"/> 
          <xsl:variable name="BDE_Percent" select="round(sum(//dbquery[@id='Analyse_Global']/rows/row[@bde=$BDE]/@OpsPercent) div count(//dbquery[@id='Analyse_Global']/rows/row[@bde=$BDE]))"/> 
         <li> 

          <xsl:value-of select="current-grouping-key()"/><br/><xsl:value-of select="concat($BDE_Percent,' %')"/> 
          <br/> 

          <a class="btn btn-primary btn-xs" href="#" role="submit"> 
          <xsl:attribute name="id"><xsl:value-of select="concat('Btn_',current-grouping-key())"/></xsl:attribute>Détails</a>

在头

：

<xsl:for-each-group select="//dbquery[@id='Analyse_Global']/rows/row" group-by="@bde"> 
    <xsl:variable name="BDE" select="current-grouping-key()"/> 
    <script>  
     $(document).ready(function(){ 
console.log('partie1'); 
    $(document).on("click", '#Btn_<xsl:value-of select="$BDE"/>', function(){ 
    console.log('partie2'); 
      $("#DIV_DETAIL").html('<object data="http://opsnode.mil.intra/LRF/XMLWeb/ProcessDescriptor/descriptor/OPSNODE/LCC_STUURBOARD/LCC_STUURBOARD_DETAIL.xml?pRID=100118&amp;pLANG=FR&amp;pBde={$BDE}"></object>'); 
     }); 
    }); 
</script> 
</xsl:for-each-group>

来源

2017-02-23 13:51:26

我发现了问题，但不是解决方案...我动态地生成UL LI，然后从caprica orgchart获取JS，生成一个表来绘制一个orgchart ...我认为所有这些东西都是动态生成的没有触发点击功能...我不怎么听正确的元素，哪个是正确的...

来源

2017-02-28 13:09:02

问题解决了！

创建组织结构图的JS将“< a>”设置为td clickable ...我试着把一个< a>放进去，当我看到它时，我把第二个< a>放入一个跨度，这就解决了这个问题。 Tks给所有人！

来源

2017-03-21 09:37:28

JQuery Click事件没有响应

回答

相关问题