jQuery單擊事件需要雙擊

Question

在標記為重復項之前，我已經看過以下問題，但對我沒有任何幫助。

jQuery click事件需要雙擊才能起作用

單擊並雙擊事件觸發 （松散實現）

我有一個JQuery事件，在某些情況下需要單擊，在大多數情況下需要雙擊。

請參閱小提琴https://jsfiddle.net/SimonPrice/6e9acbo6/5/

在這個小提琴中，您將看到數據的准確表示，expend和塌陷函數不起作用，因此我從javascript窗口中刪除了它們的函數，以避免從彈出窗口\\警報中分散注意力。

在小提琴中，您將看到帶有嵌套表的表，該嵌套表具有嵌套表。 （我繼承的代碼）。

使用此代碼

$(document).ready(function () {

$(document).on('click', '.up', function () {
    shiftRow($(this));
});
$(document).on('click', '.down', function () {
    shiftRow($(this));
});

});

這是第一個鏈接的建議答案，我無法使它正常工作，但我仍然需要雙擊。

我還在文檔，表，tr和td元素以及它自己的類click事件上進行了嘗試。

我需要單擊一下此按鈕，如果有人可以幫助我看到我所犯的錯誤，將不勝感激。

Answer 1

我向您的功能添加了其他日志：

function shiftRow(rowbObj) {
console.log("up or down arrow clicked");
var row = $(rowbObj).closest("tr");
console.log(row[0].rowIndex);
var thisTable = row.closest("table");
if ($(rowbObj).is(".up")) {
    if (row[0].rowIndex > 0) {
     console.log("current: "+row.text() + " prev: " +row.prev().text());

因此，它幫助我認識到您對行內容還有其他隱藏的TR（可能是為了擴展）–（

<tr id="content_0_36000" class="content" style="display: none;">

）因此，當您單擊一次時，請在顯示和隱藏之間進行替換，這就是為什么似乎什么都沒發生的原因