2017-08-30 21 views
0

我已經在我的網頁與data-rel="back"時發出警報數據的rel =「後面」點擊

我需要得到一個警報實現了一個彈出一個簡單的按鈕時後退按鈕(DAT-REL =「背」 )被點擊。有沒有辦法確定這一點?我試圖添加到每個類選擇器一個點擊事件,但它不會工作。

$(document).ready(function() { 
 
    $(".ui-icon-left").click(function() { 
 
    alert("clicked"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" data-rel="back" class="ui-icon-left ui-btn ui-corner-all ui-shadow ui-btn ui-icon-back ui-btn-icon-notext ui-btn-left">Click</a>

+2

@RoryMcCrossan當jQM自動初始化頁面時,會動態添加'.ui-icon-left'。 OP,'.ready()'不應該在jQM中使用;代之以聽'pagecreate'。看起來你試圖阻止關閉一個彈出窗口,它不能以這種方式實現。當您第一次打開並手動關閉時,您需要劫持「關閉按鈕」。 – Omar

+1

@Omar道歉 - 我錯過了jquery-mobile標記 –

+1

@RoryMcCrossan無後顧之憂:) – Omar

回答

1

這是一個可能的答案,以你目前的問題:

$(document).on("vclick", "[data-rel=back]", function(e) { 
    console.log("Clicked!!!"); 
}); 

不知道你特林做什麼,但是,奧馬爾正確的指出,以前的評論,你不能阻止這種方式關閉popup

如果你有一個強制性的字段popup,也許你可以刪除data-rel="back"鏈接,添加data-history="false"data-dismissible="false"popup標記,並創建自己的關閉按鈕,您可以執行必要的測試和手動關閉popup

+1

爲了更具體一些,爲避免影響其他元素與'rel = back',添加'.ui-popup'到選擇器,以便僅限目標彈出窗口。 '.ui-popup [data-rel = back]'。編輯:劫持關閉按鈕,'event.preventDefault()',然後添加你的邏輯。 – Omar