文章/答案/技术大牛

发布

社区首页 >问答首页 >如何解决原型与DataPicker或工具提示之间的DataPicker冲突？

问如何解决原型与DataPicker或工具提示之间的DataPicker冲突？
EN

Stack Overflow用户

提问于 2015-10-22 18:28:58

回答 1查看 510关注 0票数 0

我的后端应用程序有问题。我的表单中有数据字段，为此我使用了插件jQuery DataPicker。起初，它工作正常-当我点击字段日历框弹出。问题是，当我实际选择任何日期时，日历和日期字段就会消失。

我在Developer (或Firebug)中检查了这个输入，并注意到我的输入中添加了样式'display: none‘。

我的代码如下所示：

<head>
    // prototype version 1.7
    <script type="text/javascript" src="js/prototype.js"></script>
    <script src="js/jquery-2.1.1.js"></script>
    <script type="text/javascript">jQuery.noConflict();</script>
    <script src="js/bootstrap-datepicker.js"></script>
</head>
..
<div class="form-group" id="data_1">
    <label>Creation date</label> 
    <div class="input-group date">
        <input type="text" class="form-control valid" name="CreationDate" 
            id="CreationDate" value="29.09.2015" aria-invalid="false">
    </div>
</div>

稍后：

...
<div class="input-group date" style="display: none;">
...

代码jQuery如下所示：

jQuery

jQuery(document).ready(function ($) {
  ..                     
    $('#data_1 .input-group.date').datepicker({
      todayBtn: "linked",
      keyboardNavigation: false,
      forceParse: false,
      calendarWeeks: true,
      autoclose: true,
      format: "dd.mm.yyyy"
    });
  ..
});

当我禁用原型时，我的输入非常好！然后我启动原型，然后我们再来一次。

我试着把这个方法从原型中删除

Element.Methods = {

   hide: function(element) {
      element = $(element);
      element.style.display = 'none';
      return element;
   }
}

我的DataPicker成功了。我无法删除此方法，因为我页面上的另一个函数无法工作。

ToolTip也有类似的问题。当我悬停在提示图标上时，ToolTip框就会出现，我可以正确地看到消息。但是当我把光标移开的时候--工具提示和相关的对象(同样是'display: none‘样式集)。

我的页面上有jQuery.noConflict，它不能解决这个问题。我该如何解决这个问题？请帮帮我:)

css

prototypejs

javascript

jquery

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-22 20:27:36

在第510行的数据选择器javascript文件中

this._trigger('hide');

在这个方法中，它试图触发一个jQuery事件，因为jQuery处理事件和自定义事件的方式，它将查看在DOM对象上定义的方法，然后转到本机事件，然后是自定义事件(我认为)，因此它正在查找将样式设置为display:none的Element#hide()方法。

so _2解

把那句话说出来
如果使用隐藏事件，请将事件重命名为不同的名称。我喜欢用名字标出这个事件(如datepicker:hide )

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33288145

复制

相似问题

问如何解决原型与DataPicker或工具提示之间的DataPicker冲突？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何解决原型与DataPicker或工具提示之间的DataPicker冲突？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何解决原型与DataPicker或工具提示之间的DataPicker冲突？
EN