Question

我是jquery的新手，我知道我的问题很简单。我想要显示一个表格。这是我的jquery函数：

function display_form(s_date)
  {    
        $('#addEvent').show();    
  }

以下是它的调用方式：

    $(document).ready(function() {
       $('#calendar').fullCalendar({ 

        dayClick: function(date, allDay, jsEvent, view)
            {   
                date_format = $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm:ss");
                    display_form(date_format);
                    return false;
                 },
        events: 'https://www.google.com/calendar/feeds/myLogin%40gmail.com/public/basic'

    });
});

它不起作用。当我点击一天时，没有任何反应。我在http://jsfiddle.net/PytEU/上尝试了代码（直接在没有调用的情况下显示display_form）并且它有效。也许有人有答案？谢谢你的帮助

这是我的表格：

<div>
<form id="addEvent" action="" method="post" >
 // my form
</form>
</div>

Answer 1

在你的css文件中

#formHolder {
   display: none;
}

将持有表单的div设置为上面的ID ...

<div id="formHolder">
    <form id="addEvent" action="" method="post" >
         // my form
     </form>
</div>

用于显示表单的jquery应该是类似的（其中.clickme是可点击元素的类，如链接等）。

$('.clickMe').click(function(){
    $('#formHolder).show('fast');
});

Answer 2

jsFiddle上的代码：http://jsfiddle.net/kam2001/hNC66/

$(document).ready(function(){
$("#addEvent").show('slow')
});      


$(document).ready(function() {
 $('#calendar').fullCalendar({ 

  dayClick: function(date, allDay, jsEvent, view)
      {   
      date_format = $.fullCalendar.formatDate(date,"yyyy-MM-dd HH:mm:ss");
      display_form(date_format);
      return false;
      },
  events: 'https://www.google.com/calendar/feeds/myLogin%40gmail.com/public/basic'

});
});

Answer 3

我把表单放在jquery函数和它工作的同一个文件中。我不知道这是否是最好的解决方案

无法使用jquery显示表单

3 个答案: