jquery fancybox triggered click only working once

Question

Я вызываю ссылку jquery.fancybox из события click, привязанного к строке таблицы. Действие работает отлично в первый раз, однако, если я закрою fancybox и снова нажмите на любую строку, анонимная функция, связанная с этой строкой, все еще срабатывает, но fancybox не запускается. Вот Javascript я использую:

$jq(document).ready(function() { 

    $jq('a.edit').fancybox({ 
    'overlayShow': true, 
    'hideOnContentClick': false 
    }); 

    $jq('tr').click(function() { 
    alert("clicked"); 
    $jq(this).find('a.edit').trigger("click"); 
    }); 

}); 

Так, то в HTML у меня есть якорь классифицирован как «редактировать»:

<tr> 
    <td>...</td> 
    <td> 
    <a href="/candidates/22/qualifications/16/edit" class="edit">edit</a> 
    </td> 
</tr> 

Я всегда могу видеть окно предупреждения, и я могу изменить trigger/click() для удаления(), и он будет «работать», удаляя привязки в нескольких случаях. Я также могу вручную вручную щелкнуть ссылку $ ('. Edit'), и все это хорошо.

Как это происходит, когда событие щелчка якоря срабатывает только один раз при входе в очередь от события щелчка строки? Это как-то связано с вызовом, который я делаю для $ (this) при описании функции?

Answer 1

Попробуйте отладить

$jq('tr').click(function() { 
    // Step 1: make sure the following expression is actually returning elements 
    var elements = $jq(this).find('a.edit'); 

    if (elements.length) { 
     // Step 2: Just use the `click` method to trigger the event 
     alert("Found " + elements.length + "elements"); 
     elements.click(); 
    } else { 
     alert("No elements found"); 
    } 
}); 

Если все это работает, то вы можете упростить его

$jq('tr').click(function() { 
    $jq(this).find('a.edit').click(); 
}); 

Answer 2

Я думаю, что FancyBox пытается показать без события щелчка. После показа fancybox вы вызываете клик за пределами fancybox, который закрывает его, прежде чем он сможет показать. Поместите ссылку fancybox за пределы таблицы, а затем, когда нажата кнопка tr, вызовите якорный щелчок, который откроется в новом окне.

Если эта проблема не устранена, вы можете захотеть отбросить некоторые операторы отладки внутри библиотеки fancybox, чтобы отследить проблему.

Answer 3

Вы решили эту проблему? Если этого не произошло, есть сложный способ решить эту проблему. Я думаю, что метод trigger() будет не привязан при открытии и закрытии окна. Я добавил скрытые элементы каждый клик событие:

function openPopup(url) { 
    $("body") 
    .append("<a style='display:none'></a>") 
    .fancybox({ 
     'href' : url 
    }) 
    .trigger('click'); 
} 

Надеется, что это помогает

Answer 4

Tuffkid получиет его работу; Я работал над чем-то, чтобы исправить эту проблему, и я пришел к тому же выводу, что и он; так или иначе.

На нагрузке:

$(document).ready(function(){ 
    $('#show').click(function(e){ 
     showPopUp($(this)); 
    }); 
}); 

JS Функция:

function showPopUp(obj){ 
    obj.fancybox({  
     'href' : 'page.php', 
     'onCleanup': function(){ 
      $(this).click(function(e) { showPopUp($(this)); }); 
    } 
      }); 
} 

Answer 5

Дайте этому выстрел:

$jq('a.edit').live('click',function(){ 
    $.fancybox('<div>Here is the content</div>'{ 
     overlayShow: true, 
     hideOnContentClick: false 
    }); 

    return false; 
}); 

В качестве альтернативы, вы можете сделать:

$jq('a.edit').live('click',function(){ 
    $.fancybox({ 
     href: 'some-page.html' 
     overlayShow: true, 
     hideOnContentClick: false 
    }); 

    return false; 
}); 

Надеюсь, что это поможет!

Answer 6

JQuery FancyBox триггер работает только один раз ..

Обычно мы использовать как этот $ ("FancyBox") триггер (до щелчка). но он не работает должным образом.

Просто измените Тигру, как это ... его работа для меня ...

$(".fancybox").fancybox().trigger('click'); 

Здесь сначала найти FancyBox затем вызвать его