[jQuery] jqModal Ajax question
I'm trying to open another jqModal window within a jqModal window and
then resize the new window. Currently I'm using latest JQuery and
jqModal +r9. I'm having problem bringing up the modal window, and I
tried specifying trigger: false in the parameter. Here's my
Javascript.
<script type="text/javascript">
$(document).ready(function () {
bindModalBox = function(){
$(".modal_box").each(function(){
$(this).click(function(){
$(".jqmdWide").width(600);
$('#ex4').jqm({
ajax: '@href',
target: "jqmdMSG",
modal: true,
overlay: 30,
overlayClass: 'whiteOverlay'
}).jqmShow();
return false;
});//end click
}); //end each
} //end function
});
</script>
</head>
<body>
<div id="demo-external">
<h2>External Content</h2>
<a href="http://localhost/testA.php"
class="modal_box">Show Box A</a>
<a href="http://localhost/testB.php" class="modal_box">Show Box
B</a>
</div>
<div id="ex4" class="jqmDialog jqmdWide">
<div class="jqmdTC">Modal Dialog</div>
<div class="jqmdMSG">
Please wait... <img src="inc/busy.gif" alt="loading" />
</div>
<a href="#" class="jqmdX jqmClose">Close</a>
</div>
</body>
Here's the HTML in testA.php:
<ul>
<li><a class="modal_box" href="http://localhost/testC.php">Link</a></
li>
<li><a class="modal_box" href="http://localhost/testD.php">Link</a></
li>
</ul>
<script type="text/javascript">
$(document).ready(function () {
bindModalBox();
});
</script>