jQuery для переключения ожидающего изображения во время вызова ajax - PullRequest
Новая
       27

jQuery для переключения ожидающего изображения во время вызова ajax

1 голос
/ 09 марта 2011

Я учусь обходить DOM, поэтому этот вопрос связан с этим.

Я использую Coldfusion для вывода некоторых результатов базы данных.Циклы зацикливаются над данными таблицы, а не зацикливаются над строками таблицы.В каждой таблице у меня есть кнопки для выполнения различных вызовов AJAX (у меня уже есть эта работа).Когда нажата кнопка, я бы хотел показать или переключить анимированный вертушку, чтобы пользователь знал, что что-то происходит, а затем скрыть или переключить, когда вызов ajax завершен.По сути, мне просто нужна помощь в определении счетчика, чтобы переключить его. идентификаторы не являются уникальными

Моя первая попытка была найти тэг шкалы шкалы, чтобы кнопка была нажата.Я не могу заставить это работать.Моя вторая попытка состояла в том, чтобы использовать .parent () для получения TD, а затем оттуда использовать .next (), чтобы найти тег span, который позволил бы мне его переключать.Я не мог заставить это работать тоже.После того, как вы напишете это здесь, next () может быть неправильным вариантом, но я все еще учусь обходить DOM.:)

ПРИМЕЧАНИЕ. Приведенный ниже код показывает счетчик по умолчанию, но у меня есть функция, не показанная здесь, которая скрывает его с помощью функции переключения jQuery.

<table cellpadding="3" class="tablesorter" id="table_id">
<tr>
    <th class="form"><label>System Name</label></th>
    <td>
        <button type="button" id="removeButton" class="fg-button ui-state-default ui-corner-all remove_SystemName" >Remove</button>
        <button type="button" id="checkButton" class="fg-button ui-state-default ui-corner-all check_SystemName" >Check</button>
        <span id="statusInfoDiv" class="statusInfoDiv"><img src="/assets/images/working.gif"> Working...</span></td>
</tr>

jQuery Вариант 1 Я пытался 

$(".check_SystemName").live("click", function(){
var spinner = $(this).closest('span').find("statusInfoDiv");
spinner.toggle();
});

jQuery Вариант 2 Я пытался 

$(".check_SystemName").live("click", function(){
var spinner = $("this").parent().next(".statusInfoDiv");
spinner.toggle();
});

1 Ответ

0 голосов
/ 09 марта 2011

Вам необходимо пройти «вверх» DOM, используя родительский ... и затем вы можете пройти назад «вниз» DOM, используя детей или братьев и сестер.

, чтобы вы могли сделать что-то вроде:1004 *

...