0 
$(document).ready(function () {
    $("#currentProject").click(function () {
        $("#projects").animate({
            height: "toggle"
        }, 800, function () {
            // Animation complete.
            $.get("<?php  echo base_url('async/projects'); ?>", function (data) {
                //alert(data[0].name);
                $("#projects").empty();
                $('#projects').append("<ul id='newList'></ul>");
                $.each(data, function (key, value) {
                    //alert(value.name);
                    $("#newList").append("<li><a style='text-decoration:none' href='<?php echo base_url();      ?>dashboard/index/" + value.cId + "'>" + value.name + "</a></li>");
                });
            }, "json");
        });
    });
});

上記のコードは、私の要件どおりに機能します。唯一の問題は、2 回目のクリックで動作を開始することです。#currentProject初めてクリックしても何も起こらず、2回目のクリックから機能し始めます。

4

3 に答える 3

0

$(document).ready を使用せずに、ドキュメントの最後に js コードを記述します。

于 2013-10-25T17:17:18.913 に答える
0 
$(document).ready(function () {
  $('#projects').hide();
  $("#currentProject").click(function () {
    $("#projects").animate({
        height: "toggle"
    }, 800, function () {
        // Animation complete.
        $.get("<?php  echo base_url('async/projects'); ?>", function (data) {
            //alert(data[0].name);
            $("#projects").empty();
            $('#projects').append("<ul id='newList'></ul>");
            $.each(data, function (key, value) {
                //alert(value.name);
                $("#newList").append("<li><a style='text-decoration:none' href='<?php echo base_url();      ?>dashboard/index/" + value.cId + "'>" + value.name + "</a></li>");
            });
        }, "json");
    });
  });
});

http://fiddle.jshell.net/29MdL/1/

于 2013-10-25T18:53:11.833 に答える