[<a>] Erro ao alterar onClick de <a>. O que pode ser?

Question

Olá,

Trabalho com sharepoint e preciso alterar o onClick de um atributo <a>. Criei até um post relacionado a isto.

No html final temos:

<a 
	class="ms-cui-ctl-large" 
	id="Ribbon.Tabs.InfoPathListTab.Commit.Controls.btnClose-Large" 
	role="button" 
	aria-describedby="Ribbon.Tabs.InfoPathListTab.Commit.Controls.btnClose_ToolTip" 
	onclick="return false;" 
	href="javascript:;" 
	_events="[object Object]" 
	unselectable="on" 
	mscui:controltype="Button"
>

Com o script abaixo consigo ler as propriedades do item:

<script type="text/javascript">

$(document).ready(function ()
{
    var button = document.getElementById("Ribbon.Tabs.InfoPathListTab.Commit.Controls.btnClose-Large");
    if (button != null)
    {
    	alert(button.href);
    	alert(button.id);
    	alert(button.onclick);
    }
});

</script>

Tentei alterar o onClick da seguinte forma, mas não funciona:

<script type="text/javascript">

$(document).ready(function ()
{
    var button = document.getElementById("Ribbon.Tabs.InfoPathListTab.Commit.Controls.btnClose-Large");
    if (button != null)
    {
	    button.onclick = "function onclick(){	alert('Entrei por aqui');    return false;}";
       	alert(button.onclick);
    }
});

</script>

Não sei o que há de errado.

Depois que realizo a alteração até consigo dar o alert e ver que a informação foi alterada.

Alguém já fez isto?

Abs

---

k2rto4-Pb - Analista SharePoint

Answer 1

Ao invês de criar duas classes que iniciar a leitura da pagina com o jquery:

$(document).ready(function (){}

Estancie essa function apenas uma vez, e conclua da seguinte maneira:

$(document).ready(function (){
var button = $("#Ribbon.Tabs.InfoPathListTab.Commit.Controls.btnClose-Large")
button.onclick = function onclick(){	
alert('Entrei por aqui');    
return false;
};
alert(button.onclick);
}