jQuery Click事件未响应

Question

我有一个JQuery事件的小问题。 我也想通过单击按钮在div中加载HTML页面。 按钮的创建也是动态的，每个按钮和脚本都带有xslt。 在浏览器中，所有内容都得到了很好的解释，但是该事件没有起作用。

 $(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" name="Btn_MILENG">Détails</a> 

如果有人看到问题所在，对我会很有帮助。

Answer 1

您的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> 

Answer 2

您只是不给元素指定ID

将您的行更改为

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

Answer 3

您需要添加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>' );
        });  
    });

两者都会工作

Answer 4

因为您动态添加按钮，所以应该使用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>

Answer 5

您尚未在Button元素中添加id属性

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

Answer 6

在身体里 ：

                    <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>

Answer 7

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

Answer 8

问题解决了 ！

创建orgchart的JS，将“ <a>”放置为td可单击...，并且我尝试在其中放置<a>，当我最终看到它时，我将第二个<a>放入一个范围内这样就解决了问题。 谢谢大家！