2016-06-06 46 views
0

我正在使用JQuery自动完成。它工作正常。但是,如果某人在没有结果的情况下输入了客户名称,我想显示引导程序错误消息。那也适用BUT 只有第一次。如果您在搜索字段中输入了第二项也是错误的,则if ((data.length == 0) || $.isEmptyObject(data) || (data == null))会呈现TRUE,但不管我是否收到错误消息。我甚至尝试在警报后清空数据对象。我还在整个if语句中放置了console.log()消息,以确保我在流程流程方面没有出错。我可以看到if()声明正在被触发。但不知何故,警报只适用于第一遍。那么我做错了什么? TKS!如何消除一个对象来满足我的if语句

$('#customer').autocomplete({ 
    minLength:3, 
    source: function(request, response,term) { 

     var param = request.term; 
     $.ajax({ 
      url: "quotes/customer_search/"+param, 
      dataType: "json", 
      type:"GET", 
      success: function (data) { console.log('l 132',data); 
       if ((data.length == 0) || $.isEmptyObject(data) || (data == null)) console.log('l 133', data) 
       { $("#search_customer").addClass("alert alert-warning fade in").append('No Such Person Found',"<a href='#' class=close data-dismiss='alert' aria-label='close' title='close'>×</a>"); /* .hide(5000); */ 
       delete data ; console.log('l 135', data); 

       } 

       response($.map(data, function(item, index) { console.log('l 139', data); 
       return item.id+" "+item.firstname1+" "+item.lastname1+" "+item.telephone1; 
        } 

       ));//END Success 
      }, 
     });//END AJAX 
    }, 
+0

问题可能是数据丢失。我想当你关闭一个警报时,它会被销毁。也许只是定期提醒。并且如果你想让它被允许的话,可以添加一个按钮,它的点击事件是将警报的显示更改为显示:无;然后当你想再次显示它显示它。也许使用jQuery的.hide和.show –

+0

为什么不使用像bootbox(http://bootboxjs.com/)的库。现在没有太多理由从头开始建立警报。 –

+0

相信他是在说bootstrap twitter alert box,而不是javascript alert –

回答

0

这是一个从this Fiddle明确表示,“东西”正在发生的search_customer元件上的警报关闭。注意警报关闭后“测试”消息是如何消失的。

JQuery的:

$('#test').click(function() { 
    $("#search_customer").addClass("alert alert-warning").append('No Such Person Found', "<a href='#' class=close data-dismiss='alert' aria-label='close' title='close'>×</a>"); 

}); 

HTML:

<div id="search_customer"> 
    test 
</div> 
<input id="test" type="button" value="Click Me!"> 

所以,检查该HTML关闭警报之后,你会发现在div消失: hey where's my div

这是因为data-dismiss删除元素。再见了!

尝试使用data-hide代替,如下所述:

Twitter Bootstrap alert message close and open again

附:您还缺少class=close附近的报价。


更新:

即使上面的方法,仍然存在与click事件绑定到动态添加元素的问题。您可能会考虑让您的警报加载到DOM中,但最初隐藏。然后你可以切换它。 Here is a fiddle showing this approach

+0

谢谢你的反馈。我有我的警报现在响应两个或更多的输入,但我无法让警报关闭。我已经尝试了一切。看看: https://jsfiddle.net/vincej/8sm1vsn8/ – Vince

+0

@Vince - 你错过了你的小提琴所需的资源。在您的小提琴AJAX调用将永远不会成功与非公开的网址。话虽如此,我相信你的问题是将点击事件绑定到动态添加的元素。您可能会考虑让您的警报加载到DOM中,但最初隐藏。然后你可以切换它。这是一个演示这种方法的小提琴:https://jsfiddle.net/g02bsgah/1/ –

+0

我明白这一切工作!非常感谢 !在您向我调整适合自己的情况之后,我有很多事情要做,但是您的代码肯定会让我走上正确的道路。如果您将问题置于正确的位置,我会将其标记为正确。 – Vince

0

如何对这样的事情 https://jsfiddle.net/q5kb0xzk/

<div class="alert alert-warning " id="myalert" style="display: none;" role="alert"> 
    <button type="button" class="close" aria-label="Close" id="close"><span aria-hidden="true">&times;</span></button> 
    <strong>Warning!</strong> Better check yourself, you're not looking too good. 
</div> 

$('#btn').click(function(){ 
if(!$('#inputEmail3').val().length){ 
$('#myalert').show(); 
}else{ 
    $('#myalert').hide(); 
} 

}) 

$('#close').click(function(event){ 
$('#myalert').hide(); 
}) 
相关问题