SimpleModal不會對我關閉

你好：我有幾個對話框打算使用rel屬性打開。我錯過了一些非常基本的東西，我知道，但我不能讓它關閉......（這個系統只允許我使用2個「a」標籤，所以我用「alink」鏈接......它確實是一個，雖然）SimpleModal不會對我關閉

下面是HTML：

<div class="tool" id="first"> 
    <alink class="modalCloseImg" href="#"></alink> 
    First Content 
</div> 
<div class="tool" id="second"> 
    <link class="modalCloseImg" href="#"></link> 
    Second Content 
</div>

這裏是鏈接：

<div id="toolbox"> 
<ul> 
    <li><a href="#" rel="#first">First</a></li> 
    <li><a href="#" rel="#second">Second</a></li> 
</ul> 
</div><!-- toolbox -->

這裏是CSS：

.tool { 
/* initially overlay is hidden */ 
display:none; 
/* some padding to layout nested elements nicely */ 
padding: 10px 10px 65px 10px; 
/* a little styling */ 
font-size:11px; 
overflow: auto; 
background-color: #fff; 
border: 10px double black; 
height: 75%; 
min-width: 75%; 
width: auto; 
position: relative; 
} 

.tool a.modalCloseImg { 
background:url(images/x.png) no-repeat; 
width:25px; 
height:29px; 
display:inline; 
z-index:3200; 
position:absolute; 
top:0px; 
right:0px; 
cursor:pointer; 
border: 0; 
text-decoration: none; 
}

^h ERE是jQuery的（我在WordPress的沒有受衝突$ j）的

$j("#toolbox a[rel]").click(function(){ 
var toshow = this.rel; 
$j(toshow).modal({ 
    autoResize: false, 
    overlayClose:true, 
    containerCss: { 
     "background-color": "#aaa" 
    }, 
    overlayCss: { 
     "background-color": "#fff" 
    }, 
    onOpen: function (dialog) { 
     dialog.overlay.fadeIn('slow', function() { 
      dialog.data.hide(); 
      dialog.container.fadeIn('slow', function() { 
       dialog.data.slideDown('slow'); 
      }); 
     }); 
    }, 
    onClose: function (dialog) { 
     dialog.data.fadeOut('normal', function() { 
      dialog.container.slideUp('fast', function() { 
       dialog.overlay.fadeOut('fast', function() { 
        //Close the dialog. 
        $j(toshow).close(); 
       }); 
      }); 
     }); 
    } 


}); // jQuery object; this demo

問題被關閉，當我點擊X上的「工具」什麼也沒有發生。再次，我知道那一定是簡單，但我很快就沒了頭髮！

提前致謝！布賴恩

來源

2011-04-07 Brian Hammond

你粘貼，突出顯示它並按下按鈕的代碼（它看起來像一對大括號{}） – Gazler 2011-04-07 19:25:21

試着改變你的單擊處理此對象的jQuery對象：

var toshow = $(this).attr("rel");

來源

2011-04-07 19:32:17

變化：

$j(toshow).close();

要：

$j.modal.close();

而且，如果你可以手動添加關閉的HTML添加simplemodal-close類以使SimpleModal綁定它。

變化：

class="modalCloseImg"

要：

class="modalCloseImg simplemodal-close"

來源

2011-04-07 21:09:29

SimpleModal不會對我關閉

回答

相關問題