在單擊事件之後識別具有類似類的元素

我有一個jquery-ui對話框當用戶將鼠標指針懸停在頁面上的某些縮放圖像上時彈出框。對話框很少選項供用戶選擇之後，他必須單擊一個確認按鈕。在父頁面上有多個縮放圖像具有相同的類別。如何在確認按鈕上單擊一個jquery函數以在縮放圖像或縮放圖像的父div /容器上執行操作，因爲縮放圖像沒有其id，但具有相同的類。在單擊事件之後識別具有類似類的元素

$(".cornerimage").mouseover(function() { 
      $("#dialog").dialog("open"); 
     }); 


    $("#confirm").click(function(){ 

     });

這裏是一個示例小提琴：

https://jsfiddle.net/rawatdeepesh/uxk9kLa3/2/

我是否需要弄清楚哪些圖像徘徊，並暫時保存，直到對話框關閉...

[ ps：小提琴有用於ui腳本的外部鏈接n css]

在此先感謝！

來源

2016-02-22 rawatdeepesh

我是否需要弄清楚哪些圖像徘徊，並暫時保存，直到對話框關閉

是，這種或那種方式。我建議臨時附加一個類到原始圖像本身。呼叫.addClass當您打開的對話框中，然後調用.removeClass當你點擊了確認框：

$(".cornerimage").mouseover(function() { 
    $(this).addClass("dialog-target"); 
    $("#dialog").dialog("open"); 
}); 


$("#confirm").click(function() { 
    $(".dialog-target").removeClass("dialog-target"); 
    $("#dialog").dialog("close"); 
});

小提琴更新：https://jsfiddle.net/La7kaa9g/

你可能需要一些額外的檢查，以確保你不有多個「T結束dialog-target S，如果鼠標懸停處理程序被觸發，而一個對話框已打開

來源

2016-02-22 15:18:01 blgt

感謝您更新'$（「＃confirm」）。click（function（）{do do with .dialog-target $（「。dialog-target」）。parent（）。css 「display」，「none」） $（「。dialog-target」）。removeClass（「dialog-target」）; }）;'，我也做了一些類似的，添加小提琴 https://jsfiddle.net/rawatdeepesh/La7kaa9g/1/ – rawatdeepesh

你應該使用這個關鍵字，它會指向當前的縮放圖像，例如

$("#confirm").click(function(){ 
    $(this).(your code); 
     });

來源

2016-09-16 22:49:15

在單擊事件之後識別具有類似類的元素

回答

相關問題