ajax脚本onclick警告弹出消息框

Question

我在网上找到了这个投票脚本，想知道是否可以将其更改为可以用css设置样式的弹出消息，而不是onclick警告(您已经投票了)。我只提交了代码的一部分，如果你需要看到更多，让我知道。提前感谢

    function addVotData(elm_id, vote, nvotes, renot) {
  // exists elm_id stored in ivotings
  if(ivotings[elm_id]) {
    // sets to add "onclick" for vote up (plus), if renot is 0
    var clik_up = (renot == 0) ? ' onclick="addVote(this, 1)"' : ' onclick="<a type="button" class="btn" style="width:100%;" href="#test_modal" data-toggle="modal">alert</a>"';

    // if vot_plus, add code with <img> 'votplus', else, if vot_updown1/2, add code with <img> 'votup',  'votdown'
    if(ivotings[elm_id].className == 'vot_plus') {    // simple vote
      ivotings[elm_id].innerHTML = '<h6>'+ vote+ '</h6><span><img src="'+votingfiles+'arrow.png" alt="1" title="vote"'+ clik_up+ '/></span>';
    };
}
}

Answer 1

您可以使用Bootstrap模式弹出而不是警报。This is well explained example

如果你需要更多的帮助，请告诉我

更新

弹出模型的html：

<div class="modal fade" id="test_modal"> <div class="modal-header"> 
<a class="close" data-dismiss="modal">&times;</a> <h3>Modal Header</h3> </div> 
<div class="modal-body"> <p>Test Alert</p> </div> <div class="modal-footer"> 
<a href="#" class="btn" data-dismiss="modal">Close</a> </div> </div>

按钮的Html

<input type="Button" Text="ShowModal" Id="MyButton"/>

javaScript：

$( "#MyButton" ).click(function() {
$('#modalName').modal('show');
 });