0

以下のように応答を返す JSON API があります。

{ "formId": 2211, "formName": "テスト フォーム名 1",
"fileCount": 0, "createdOnDate": "2012-10-22T13:31:00", "modifiedDate": "2012-10-22T13: 31:00" },

{ "formId": 2212, "formName": "テスト フォーム名 2",
"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>

ファイル数が 0 の場合、リンクをクリックしたときに警告メッセージを表示するにはどうすればよいですか?

4

1 に答える 1

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
    });
});
于 2013-04-02T14:08:50.720 に答える