我有一个模式对话框功能,该功能设置有一个 javascript/jquery 脚本,当用户单击按钮时会弹出该脚本。我从按钮中提取数据以找出哪个按钮。但是弹出的文本是在html中设置的,带有一个调用脚本函数的div。
我的问题是,如何根据我在脚本中提取的数据自定义此文本。
这是下面的相关代码,可让您了解我正在尝试做的事情:
剧本:
<script>
$(function() {
$( "#dialog-modal" ).dialog({autoOpen: false, height: 250, width: 400, modal: true});
$( "#opener" ).click(function() {
$( "#dialog-modal" ).dialog( "open" );
$.get('/like_artist.php', {artist_id : $(this).data('artist_id')}, function(data) {
alert("Data Loaded: " + data.artist_id);
}, "json");
});
});
</script>
在这个 div 中调用它:
<div id="dialog-modal" title="Basic dialog">
<p>You have just liked </p>
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
用户单击的按钮(具有不同 data-artist_id 值的众多按钮之一):
<div class="button_row">
<button type="button" id="opener" data-artist_id="1">Play My City</button>
</div>
基本上我想让artist_id 通知div 为每个按钮定制对话框中的文本。
非常感谢您的帮助!