Saturday, May 11, 2024
96
rated 0 times [  98] [ 2]  / answers: 1 / hits: 35799  / 12 Years ago, thu, july 19, 2012, 12:00:00

I have got a a element for invoking modal:



<a class=btn data-toggle=modal data-target=#myModal href=http://some-url >Launch Modal</a>


And, say this is my modal:



<div class=modal hide id=myModal>
<div class=modal-header>
<button type=button class=close data-dismiss=modal>×</button>
<h3>Modal header</h3>
</div>
<div class=modal-body>
<p>One fine body…</p>
</div>
<div class=modal-footer>
<a href=# class=btn data-dismiss=modal>Close</a>
<a href=# class=btn btn-primary>Save changes</a>
</div>
</div>


I can bind functions to events fired by modal:



$('#myModal').on('hidden', function () {
// do something…
})


My question is: How can i access the a element -which invoked the modal- from my event subscriber function?


More From » twitter-bootstrap

 Answers
27

It was solved in Bootstrap 3.0.0 thanks to event.relatedTarget.



$('#your-modal').on('show.bs.modal', function (e) {
var $invoker = $(e.relatedTarget);
});

[#84137] Thursday, July 19, 2012, 12 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
johannatorim

Total Points: 599
Total Questions: 124
Total Answers: 100

Location: Virgin Islands (U.S.)
Member since Fri, May 7, 2021
3 Years ago
;