【问题标题】:Search not work搜索不起作用
【发布时间】:2018-04-10 06:39:14
【问题描述】:

我不知道为什么这不起作用?选择选项没有任何问题,但搜索字段不起作用...

什么都没有发生。控制台正确显示来自搜索字段的输入。没有错误,什么都没有。

<select id='selector'>
    <option value="all">Alle</option>
    (more data)
</select>

<input class="form-control search" name="search" id="search" type="text" />

<script>
$(document).ready(function(){
   $('#selector').change(onSelectChangeFeed); // select option
   function onSelectChangeFeed() { 
      var feed = $(this).find(':selected').data('feed');
       $('#calendar').fullCalendar('removeEventSource', feed);
       console.log(feed);
   };

   $('#search').change(onSearchChangeFeed); // search field
   function onSearchChangeFeed() { 
      var stext = $(this).val();
         $('#calendar').fullCalendar('removeEventSource', stext);
         console.log(stext);
   };
});
</script>

请帮帮我:)

编辑

我认为问题出在这里:

eventRender: function (event, element) {
   var selector = ['all', event.color].indexOf($('#selector').val()) >= '' || ['all', event.category].indexOf($('#selector').val()) >= '' || ['all', event.title].indexOf($('#selector').val()) >= '';
   var searchfield = event.color.indexOf($('#search').val()) >= '' || event.category.indexOf($('#search').val()) >= '' || event.title.indexOf($('#search').val()) >= '';
   return (selector, searchfield);
}

【问题讨论】:

  • 目前在做什么?它是否显示错误?搜索没有发生吗?如果我们不知道它的作用,“不起作用”是一个非常不清楚的陈述。
  • 我想这可能是问题所在:$(this).val() 你确定 $(this) 能按预期工作吗?试试$('#search').val()
  • 目前还不清楚出了什么问题。请说清楚。当文本框值更改时,代码将运行(当然,您必须取消框的焦点)并将正确打印键入的值。根据您键入的内容,它可能会从日历中删除事件源(尽管任何人都猜测此功能与“搜索”有关,但这是一个单独的问题)。因此,您必须向我们提供更多关于您的实际问题的详细信息。
  • 什么也没发生。控制台正确显示来自搜索字段的输入。没有错误,什么都没有。 $('#search').val() 没有区别!
  • 主题已编辑...

标签: javascript jquery search fullcalendar


【解决方案1】:

我自己修好了。我变了

return (selector, searchfield);

return (selector && searchfield);

现在它按预期工作了。

【讨论】:

    【解决方案2】:

    您的this 不是您所期望的,因此请尝试使用输入元素 id 获取 val。 $('#search').val()

    【讨论】:

    • 一个非常简单的测试,例如jsfiddle.net/sbxpv25p/473 表明this 完美地代表了文本框。这是正常的 JS 行为。
    猜你喜欢
    • 2015-02-10
    • 2013-02-04
    • 2016-01-06
    • 2016-01-23
    • 2017-06-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多