JQuery Click事件没有响应

时间:2017-02-23 12:08:14

标签: javascript jquery

我对JQuery事件有一点问题。我想在按钮点击的div中加载HTML页面。按钮的动态创建,每个和scritp都有一个xslt。 在浏览器中,所有内容都得到了很好的解释,但事件并没有起作用。



$(document).ready(function(){ 
	console.log('partie1');
  $('#Btn_MILENG').click(function(){
  	console.log('partie2');
  	$( "#DIV_DETAIL" ).html('<object data="SomeURL"></object>' );
	});
});
&#13;
<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>
&#13;
&#13;
&#13;

如果有人看到了这个问题,那对我来说会非常有帮助。

7 个答案:

答案 0 :(得分:3)

您的link没有Id

Id="Btn_MILENG"添加link,或更改$('#Btn_MILENG') ==&gt; $('[name="Btn_MILENG"]')

&#13;
&#13;
$(document).ready(function() {
  console.log('partie1');
  $('#Btn_MILENG').click(function() {
    console.log('partie2');
    $("#DIV_DETAIL").html('<object data="SomeURL"></object>');
  });
});
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

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

两者都可以使用

答案 2 :(得分:0)

因为您动态添加按钮,所以应使用^[+]?\d+$事件。如果您的按钮的意思是链接,那么应该将ID添加到on标记:

a

答案 3 :(得分:0)

您尚未在Button元素

中添加id属性

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

答案 4 :(得分:0)

身体中的

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

答案 5 :(得分:0)

我发现了问题,但没有找到解决方案...我动态生成UL LI,然后从caprica orgchart中获取tre JS,生成一个表来绘制组织图...我认为所有这些东西动态生成没有触发点击功能...我不知道如何听正确的元素,哪个是正确的...

答案 6 :(得分:0)

问题解决了!

创建组织结构图的JS,将“&lt; a&gt;”设置为td可点击...并且我尝试放置一个&lt;一个&GT;在它,当我最终看到它,我把我的第二个&lt;一个&GT;进入跨度,这解决了问题。向所有人致敬!