Home/ Questions/Q 7866481
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T00:24:51+00:00

Is it possible to have a link in the jquery dialog box which calls

  • 0

Is it possible to have a link in the jquery dialog box which calls a javascript function? something like this –

var msg-dialog = $('#dialog-msg');
msg-dialog .html("Please click < a href='javascript:void(0)' onclick='javascript:reload();'>here</a> to reload.");
msg-dialog('open');

 function reload() {
      // do something.
      alert('test');
    }

The link shows up in the dialog just fine but clicking it doesn’t do anything. What am I missing? I also want to close the dialog in the function.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Assuming you have the appropriate libraries, this will work right out of the box:

    <html>
<head>
<link href="jqueryUI/css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" type="text/css">
<script src="jquery-1.7.1.js"></script>
<script src="jqueryUI/js/jquery-ui-1.8.19.custom.min.js"></script>

<script type="text/javascript">
function doSomething() {
    $('#dialog').dialog('close');
}

$(document).ready(function() {
    $("#dialog").dialog();
    $("#dialog").html("<a href=\"#\" onclick=\"doSomething();\">Call doSomething() function!</a>");
});
</script>

</head>
<body>
<div id="dialog"></div>

</body>

</html>
    • 0