jqModal 和广告库

发布于 2024-09-11 07:33:42 字数 673 浏览 6 评论 0原文

我发现了一个很棒的 jquery 画廊。 (http://coffeescripter.com/2009/07/ ad-gallery-a-jquery-gallery-plugin/) 。我正在尝试在 jqmodal 窗口中实现此功能,但遇到了一些问题。

为了隐藏 jqmodal win,我

<div id="jqmPix" class="jqmWindow" style="width:730px; display:none;">

的主页上有一个文件:

  $('#jqmPix').jqm({modal:true});
  $('#clicky').click(function() {
   $('#jqmbPix').jqmShow();

});

问题是当 jqmShow() 触发时,它会弄乱广告库的 CSS。主图像消失,缩略图垂直显示而不是水平显示。如果我从 jqmPix div 中删除 display:none ,那么它将正常工作。我也尝试过 $('#jqmPix').hide() 。我能做些什么?提前致谢。

I found a great jquery gallery. (http://coffeescripter.com/2009/07/ad-gallery-a-jquery-gallery-plugin/) . I am trying to implement this in a jqmodal window but having some trouble.

To hide the jqmodal win, i have a file with:

<div id="jqmPix" class="jqmWindow" style="width:730px; display:none;">

on my main page:

  $('#jqmPix').jqm({modal:true});
  $('#clicky').click(function() {
   $('#jqmbPix').jqmShow();

});

The problem is when jqmShow() triggers, it messes up the ad-gallery's css. The main image disappears, and the thumbnails appear vertically instead of horizontally. IF i remove display:none from the jqmPix div, then it will work just fine. I tried $('#jqmPix').hide() as well. What can i do? thanks in advance.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

祁梦 2024-09-18 07:33:42

不确定这是否是最好的答案,但这就是我所做的:

我删除了 display:none,并将:放在

  $('#jqmPix').css('visibility','visible');

主页 doc.ready 上。然后我有以下 ajax 调用:

 showPix = function(bhiid,projNum) {

    $.ajax({
        type: "get",        
        url: "myURL",
        data: formData,        
        cache: false,       
        success: function(result) { 
                 $('#jqmPix').css('visibility','visible');
                                 $('#jqmbPix').jqmShow();

             .... }

    });
}

我的下一个问题是主 div 没有移动到广告库后面的右侧。

Not sure if this is the best answer but this is what I did:

I removed display:none, and put:

  $('#jqmPix').css('visibility','visible');

on the main page doc.ready. Then i have the following ajax call:

 showPix = function(bhiid,projNum) {

    $.ajax({
        type: "get",        
        url: "myURL",
        data: formData,        
        cache: false,       
        success: function(result) { 
                 $('#jqmPix').css('visibility','visible');
                                 $('#jqmbPix').jqmShow();

             .... }

    });
}

My next issue is the main div is not being moved to the right behind the ad-gallery.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文