这只是让我疯了。我正在尝试jqModal与jquery.ad-gallery合作。这就是我到目前为止所做的:
<link rel="stylesheet" type="text/css" href="css/jqModal.css">
<link rel="stylesheet" type="text/css" href="css/jquery.ad-gallery.css">
<script type="text/javascript" src="javascript/jquery-1.4.js"></script>
<script type="text/javascript" src="javascript/jquery.ad-gallery.js" ></script>
<script type="text/javascript" src="javascript/jqModal.js" ></script>
<script>
$().ready(function() {
$('#jqmPix').jqm({modal:true});
showPix = function(bhiid,projNum) {
$.ajax({
type: "get",
url: "<cfoutput>#actURL#</cfoutput>",
cache: false,
success: function(result) {
$('#jqmPixTitle').html('Photos for : '+projNum);
$('#jqmPixText').html(result);
$('#jqmPix').jqmShow().css('left',getTopLeftPt('#jqmPix')).css('top',getTop('#jqmPix'));
},
error: function(xmlHttpRequest, status, err) {
confirm('Error!' + err );
}
});
}
getTopLeftPt = function(a){
var leftPt = parseInt($(window).width()/2)-parseInt($(a).width()/2);
//alert(leftPt);
return leftPt;
}
getTop = function(a){
var topPt = parseInt($(window).height()/4-50);
//alert(topPt);
return topPt;
}
});
</script>
<input type="button" name="clicky" id="clicky" value="clicky" onclick="showPix(40852,'RE5540T09608B')"/>
<div id="jqmPix" class="jqmWindow" style="width:690px; display:none;">
<div class="jqmHeader" >
<div id="jqmPixTitle"></div>
<div id="jqmHeaderClose" >
<img src="images/vista-close.gif" class="jqmClose" alt="close" />
</div>
<div style="clear:both;"></div>
</div>
<div class="jqmBody">
<div id="jqmPixText" align="center">
</div>
<div style="clear:both;"></div>
</div>
<div class="jqmFooter jqmFooterButtons" id="jqmFooterText">
</div>
我看到模态窗口,图像容器下方的导航但缺少主图像。它只是不显示。
有趣的是,如果我直接访问ajax网址,一切都运行得很好。一个技巧是我必须传递一个url变量,并在我直接点击ajax url时检查它是否存在。如果它存在,那么我包括。否则,firebug会在调用页面上的jqmShow()上抛出错误。
任何人都可以帮助我吗?
提前谢谢。答案 0 :(得分:0)
它与jquery.ad-gallery.css中的.ad-image定义和/或jquery.ad-gallery.css中的_showWhenLoaded函数有关。我发现了另一个名为galleria的插件。我有一个问题,我必须刷新主页:parent.location.reload(1);
否则,当您重新打开jqmodal窗口时,它会进入无限循环。无论如何,希望这有助于其他人。