Fiz um form html, o coloquei em uma plataforma que carrega esse form. Porem existem botões da plataforma que executam funções no form (como enviar o form, salvar e etc). Ai descobri que posso manipular esses botões da plataforma com códigos dentro do form utilizando isso:
window.parent
por exemplo, eu posso soltar um alert quando certo botão da plataforma for pressionado com esse código:
window.parent.$(".fixedTopBar").find("button").on("click", function(ev) { alert("OK"); });
Ai, eu tenho este botão (que logicamente não posso alterar ele, pois é da plataforma):
<button type="button" class="btn btn-primary" data-send="">Enviar</button>
E quero rodar um script quando ele é pressionado... Como tenho outros botões na página, eu decidi capturar o "on(click)" do botão com o data-send (já que ele é único nisso).
Tentei códigos como:
window.parent.$('[data-send]').on("click", function(ev) { alert("OK"); );
window.parent.$('button[data-send]').on("click", function(ev) { alert("OK"); );
window.parent.$('button').data("send").on("click", function(ev) { alert("OK"); });
Porem não funcionou. Eu não entendo muito sobre o atributo data... Deve ser dai a dificuldade de entender como utilizar ele.
Caso seja melhor, desenhei como é: [Vermelho] Ambiente [Azul] form [Seta Verde] Botão que eu quero capturar o click
$(document).on("click", '[data-send]', function(ev) { alert("OK"); );