當點擊jquery mobile中的輸入字段時彈出觸發器？

Question

我創建了一個jQuery手機網站。我想要一個彈出窗口，當我點擊一個輸入字段。

<input type="text" class="popup_trigger" name="type_of_services" placeholder="Type Of Services" data-rel="popup" data-transition="pop" data-clear-btn="true"> 

<div data-role="popup" id="popup_service" class="popup_service"> 
    <label for="check_box"><input type="checkbox" name="checkbox-0">service</label> 
</div> 

jQuery代碼：

$(document).ready(function() { 
    $(".popup_trigger").click(function() { 
     $("#popup_service").popup(); 
    }); 
}); 

我也嘗試

$(".popup_service").popup(); 

Answer 1

試試這個代碼：

$('.popup_triger').on('click', function() { 
    $("#popup_service").popup('open'); 
}); 

您應該使用開放方法。

Answer 2

試試這個：

$(document).on('click', '.popup_triger', function() { 
    $("#popup_service").popup(); 
}); 

也不要使用上述事件中的$（document）。準備（）;