我需要在我单击的空间中基于显示/隐藏小部件的帮助

我正在使用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/

10-12 12:34
查看更多