send parameters to bootstrap modal - php

Question

I have number of links that open bootstrap modal popup:
Edit 15
Edit 32
the problem - when the modal open it should get the link parameters:
data-act="edit" data-itinID="5" data-secID="15"
Well, it's not happening...
The script in the links page is:
<script>
// send data to modal file
$('#manageSec-model').on('show.bs.modal', function (e) {
var button = $(e.relatedTarget);
var act = button.data('act');
var itinID = button.data('itinid');
var secID = button.data('secid');
var date = button.data('date');
var $modal = $(this);
var info = 'act=' + act + "&itinID=" + itinID + "&secID=" + secID + "&date=" + date;
// alert(info);
$.ajax({
cache: false,
type: 'GET',
url: 'itinPage-secManage.view.php',
data: info,
success: function(data) {
$modal.find('.modal-body').html(data);
setTimeout(function(){ //added this line.
setImageUploader()
})
}
});
});
</script>
Modal:
echo "itinID: ".$_GET['itinID']." secID: ".$_GET['secID'];
Result in Modal:
itinID: secID:
itinID: 5 secID: 15
two lines (not sure why...)

Answer 1

for this to work you will have to call ajax on click of the anchor tag and for passing the values to ajax you can do following on click of anchor tag
$(this).attr("id");
or
$(this).attr("data-secID");//haven't tried this 2nd one
and then launch modal with JavaScript or jQuery with
$("#someId").modal();

Answer 2

Try changing
var button = $(e.relatedTarget);
to
var button = $(e.target);