У меня есть следующий HTML-код (я использую Bootstrap Twitter Modal):
<a href='#' data-toggle='modal' data-target='#myModal' id='g' data-id=1>Launch modal</a>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
И следующий код JQuery:
<script>
$('#g').click(function () {
alert($(this).data("id"));
});
</script>
Я хочу, чтобы он щелкнул ссылку, после того, как откроется мода bootstrap, будет добавлено значение "data-modal".
Я пробовал код выше, и он не работал.
Мой вопрос: как я могу это исправить? (Я новичок в JQuery...)
Вы должны поместить его внутри $(document).ready(function(){});
Подробнее см. Здесь.
data-id="1"