我需要在我单击的空间中基于显示/隐藏小部件的帮助
我正在使用datepicker引导小部件和其他一些小部件
我的代码是:
<div class="o_datepicker">
<t t-set="placeholder" t-value="widget.getParent().node and widget.getParent().node.attrs.placeholder"/>
<input type="text"
t-att-name="widget.name"
t-att-placeholder="placeholder"
class="oe_datepicker_master oe_simple_date"/>
<input t-att-id="widget.name" type="text"
t-att-placeholder="placeholder"
class="oe_hijri oe_datepicker_master"
/>
</div>
当我在该
div
中的任何位置单击时,bootstrap datepicker窗口小部件都可见。.我想将其限制为仅第一个输入,并且当我单击第二个输入时,该窗口小部件应该是不可见的,因为当我打开另一个窗口小部件时单击第二个输入。注意:两个输入必须在相同的
<div class="o_datepicker">
中谢谢
最佳答案
您必须在第二个输入单击时停止事件传播:
$(".o_datepicker input:last").click(function(event) {
//Prevents the event from bubbling up the DOM tree,
//preventing any parent handlers from being notified of the event.
event.stopPropagation();
//Your code here.
});
我希望这能帮到您。
关于javascript - 管理窗口小部件的可见性和不可见性,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38542847/