JQuery mobile скрывает динамически сгенерированную кнопку

Question

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

Я изначально написал его, используя стандартный JQuery, но из-за того, как работает JQuery Mobile, мне приходится его переписывать.

<a id = "<?php echo $button_id_add_to_cookbook ?>"onclick="update_button('<?php echo $button_id_add_to_cookbook ?>')" data-role="button">Send</a> 

кнопка обновления функции находится ниже, по крайней мере, тестовой пробной версии.

function update_button(id) 
{ 
$(id).click(function(){ 
    $(id).toggle(); 
}); 
} 

Я с трудом находя 2 счета, которые говорят, как сделать это так же, так что не думаю, что это правильно.

Целью этого является динамическое создание набора кнопок и при нажатии кнопки он вызывет некоторый код, чтобы изменить базу данных mysql, и при успешном нажатии кнопки, вызывающей эту функцию. В этом примере я просто хочу скрыть кнопку, когда был нажат t.

Может ли кто-нибудь помочь мне с правильным способом сделать это, страница не должна обновляться, просто обновите элемент кнопки.

Answer 1

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

function update_button(id) 
{ 
$('#' + id).closest('.ui-btn').hide(); 
} 

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