Javascript JQuery单击事件未响应
我对JQuery事件有一个小问题。我也希望通过单击按钮在div中加载HTML页面。按钮是使用xslt为每个按钮动态创建的,scritp也是如此。 在浏览器中,所有内容都得到了很好的解释,但该事件不起作用Javascript JQuery单击事件未响应,javascript,jquery,Javascript,Jquery,我对JQuery事件有一个小问题。我也希望通过单击按钮在div中加载HTML页面。按钮是使用xslt为每个按钮动态创建的,scritp也是如此。 在浏览器中,所有内容都得到了很好的解释,但该事件不起作用 $(文档).ready(函数(){ console.log('parte1'); $('#Btn_MILENG')。单击(函数(){ console.log('partie2'); $(“#DIV_DETAIL”).html(“”); }); }); 您的链接没有Id 在您的链接中添加Id=“
$(文档).ready(函数(){
console.log('parte1');
$('#Btn_MILENG')。单击(函数(){
console.log('partie2');
$(“#DIV_DETAIL”).html(“”);
});
});代码>
您的链接
没有Id
在您的链接中添加Id=“Btn_MILENG”
,或更改$(''Btn_MILENG')
=>$('[name=“Btn_MILENG”]')
$(文档).ready(函数(){
console.log('parte1');
$('#Btn_MILENG')。单击(函数(){
console.log('partie2');
$(“#DIV_DETAIL”).html(“”);
});
});代码>
您只是没有给元素指定Id
把你的线路改成
您需要添加id标签
<a class="btn btn-primary btn-xs Btn_MILENG" href="#" role="submit" id="Btn_MILENG">Détails</a>
或者你可以使用class
$(document).ready(function(){
console.log('partie1');
$('.Btn_MILENG').click(function(){
console.log('partie2');
$( "#DIV_DETAIL" ).html('<object data="SomeURL"></object>' );
});
});
$(文档).ready(函数(){
console.log('parte1');
$('.Btn_MILENG')。单击(函数(){
console.log('partie2');
$(“#DIV_DETAIL”).html(“”);
});
});
如果你想用身份证
$(document).ready(function(){
console.log('partie1');
$('#Btn_MILENG').click(function(){
console.log('partie2');
$( "#DIV_DETAIL" ).html('<object data="SomeURL"></object>' );
});
});
$(文档).ready(函数(){
console.log('parte1');
$('#Btn_MILENG')。单击(函数(){
console.log('partie2');
$(“#DIV_DETAIL”).html(“”);
});
});
这两种方法都能起作用,因为您添加了动态按钮,您应该在事件中使用。此外,如果按钮的平均值是链接,则应将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>
$(文档).ready(函数(){
console.log('parte1');
$(文档)。在(“单击”上,函数(){
console.log('partie2');
$(“#DIV_DETAIL”).html(“”);
});
});
您尚未在按钮元素中添加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&pLANG=FR&pBde={$BDE}"></object>' );
});
});
</script>
</xsl:for-each-group>
$(文档).ready(函数(){
console.log('parte1');
$(文档)。在(“单击”上,“#Btn"”,函数(){
console.log('partie2');
$(“#DIV_DETAIL”).html(“”);
});
});
我找到了问题,但没有找到解决方案。。。我动态生成一个UL LI,然后从caprica orgchart生成一个表来绘制orgchart。。。我认为所有这些动态生成的东西并没有触发点击功能。。。我不知道如何听正确的元素,哪一个是正确的 问题解决了
创建orgchart的JS,放置一个“”可点击。。。我试着在里面放一个,当我最终看到它的时候,我把我的第二个放进一个跨度,这就解决了问题。谢谢大家 只需为元素指定id。如果不指定id,如何调用click()事件。分配id,然后检查。我已尝试使用该id,但无效。le站在桌子上很重要吗?什么不起作用?它应该在添加id后起作用。但是标记应该在DOMA中。标记id是我的一个尝试,我从几个小时后就开始尝试,这就是我寻求帮助的原因:)在这里,我只尝试给出的所有解决方案,但在Chrome中,我看到了第一个控制台日志(在文档就绪时)但第二个按一下就开火的人没有出现。我完全迷路了^^事实上,我没有得到你想要解释的确切内容。请你详细说明什么不起作用以及你想要实现什么。a标签Id是我的一次尝试,我从几小时前就开始尝试,这就是我寻求帮助的原因:)在这里,我只尝试给出的所有解决方案,但在Chrome中,我看到了第一个控制台日志(在文件准备就绪时)但第二个点击开火的人没有出现。我完全迷路了^^