0

我的日历左侧有一系列复选框，默认情况下已选中。当用户取消选中复选框以过滤掉他们看到的事件时，我希望隐藏相应的事件。

<head>
<script>
  $(document).ready(function() {
  var cal = $('#calendar')
    cal.fullCalendar({
    eventSources:
    {
            url: "...",
            id: "rto",
        }

    (function( $ ){
       $.fn.removeEvents = function() {
            cal.fullCalendar( 'removeEvents' );
       };
    })( jQuery );
});
</script>
</head>

<body>
  <form>
    <input type="checkbox" value="rto" checked>
  </form>

<script>
  if ($('#events').is(':unchecked')) {
            .removeEvents("rto");
            }
</script>

<div id="calendar" style="float:left; margin-top: 10px"></div>
</body>

这根本不起作用。我换cal.fullCalendar( 'removeEvents' );了alert("test");，还是不行。

4

1 回答 1

0

似乎您的代码中缺少很多东西；1.所有脚本都应该放在脚本标签中，2.需要包含的插件3.你是否至少包含了Jquery？4.扩展函数removeEvents需要调用如下：

$("#elementId").removeEvents(parametersIfAny)

我认为这些可能是您需要首先解决的问题

我认为我们没有：在 jquery 中未选中。我认为你需要这样做

if (!$('#events').is(':checked')) { // Note "!" sign here (this indicates that the condition is inverted)
         $(element).removeEvents("rto")          
}
于 2013-08-19T14:22:34.397 回答