我很難弄清楚如何正確啟動這個與瀏覽器事件相關的功能。例如,目前如果我使用(我的函數名是initRanker)
<row label="r1"><span class="blueRow">Blue</span></row>
<row label="r2"><span class="redRow">Red</span></row>
<row label="r3"><span class="GreenRow">Green</span></row>
<col label="c5" open="1" openSize="25" randomize="0"><span class="blueCol">Blue OTHER</span></col>
<col label="c6" open="1" openSize="25" randomize="0"><span class="redCol">Red OTHER</span></col>
<col label="c7" open="1" openSize="25" randomize="0"><span class="greenCol">Green OTHER</span></col>
$ (window).load(function() {
jQuery.onCreate("*",initRanker);
});
它將在頁面加載時工作,然后從那里中斷。如果我換成:
$ (window).click(function() {
jQuery.onCreate("*",initRanker);
});
只有當點擊事件被捕獲時,它才起作用。
我想知道如何修改這兩個工作基本上,或被指向正確的方向如何實現這一結果。
任何幫助都將不勝感激。
function initRanker() {
if ($ (".blueRow").parent().is(":visible")) {
console.log("Blue i am visible");
$ (".blueCol").parent().show();
$ (".redCol").parent().hide();
$ (".greenCol").parent().hide();
$ (".sq-cardsort-bucket-c6").hide();
$ (".sq-cardsort-bucket-c7").hide();
}
else if ($ (".redRow").parent().is(":visible")){
console.log("Red i am visible");
$ (".redCol").parent().show();
$ (".blueCol").parent().hide();
$ (".greenCol").parent().hide();
$ (".sq-cardsort-bucket-c5").hide();
$ (".sq-cardsort-bucket-c7").hide();
}
else if ($ (".GreenRow").parent().is(":visible")){
console.log("Green i am visible");
$ (".greenCol").parent().show();
$ (".blueCol").parent().hide();
$ (".redCol").parent().hide();
$ (".sq-cardsort-bucket-c5").hide();
$ (".sq-cardsort-bucket-c6").hide();
}
}
$ (window).load(function() {
jQuery.onCreate("*",initRanker);
});
$ (window).click(function() {
jQuery.onCreate(".blueRow",initRanker);
});
$ (window).click(function() {
jQuery.onCreate(".redRow",initRanker);
});
$ (window).click(function() {
jQuery.onCreate(".GreenRow",initRanker);
});