2013-04-02 2 views
0

У меня есть JSON API возвращения ответа, как показано ниже:Отображение предупреждения на основе значения JSON paylod

{ "FormID": 2211, "FORMNAME": "Test Form name1",
«FileCount «: 0, "createdOnDate": "2012-10-22T13: 31: 00", "ModifiedDate": "2012-10-22T13: 31: 00" },

{ "FormID": 2212, "formName": "Test Form Name2",
"fileCount": 2, "createdOnDate": "2012-10-22T13: 31: 00", "ModifiedDate": "2012-10-22T13: 31: 00" },

Это отображается на переднем конце в капле вниз, как

<div class="select with-hover"><ul> 

<li><a href="#" data-key="2211" data-value="Test Form Name1">Test Form Name1</a></li> 

<li><a href="#" data-key="2212" data-value="Test Form Name2">Test Form Name2</a></li> 

<li><a href="#" data-key="2213" data-value="Test Form Name1">Test Form Name3</a></li> 

когда FileCount является 0, как я могу отобразить предупреждающее сообщение при нажатии на ссылку?

ответ

0

Добавить атрибут атрибута fileCount в элемент <a>. Я полностью угадывание остальной части вашего кода, который услужливо не предусматривает:

$.ajax('your/url',{your:data},function(response) { 
    $(div).append($('<a href="#"></a>').data({key:response.key, value:response.value, filecount: response.fileCount}).text(response.formName)); 
}); 

Тогда вам нужен обработчик щелчка:

$(function(){ 
    $(div).on('click','a', function(e) { 
     if ($(this).data('filecount') == 0) { 
      alert('filecount is 0'); 
     } 
     e.stopPropagation(); // stop click events on parent elements 
     return false; // don't actually go to the href 
    }); 
}); 
+0

извините, редактировал оригинальный вопрос с полными делами. – user2221069

+0

Просто добавьте атрибут 'data-filecount' в элементы' a'. Затем проверьте его, когда нажимается 'a'. –

Смежные вопросы