onclick data-clear-btn时如何隐藏div？答案

【问题标题】：How to hide a div when onclick data-clear-btn?onclick data-clear-btn时如何隐藏div？
【发布时间】：2015-10-09 00:13:14
【问题描述】：

我想在输入文本上单击 X 时隐藏分区？

<input type="text" data-clear-btn="true" id="domainname" value="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">

$("#domainname").on("click", ".ui-input-clear", function(e){
            $("#generated").hide();

它不像下面那样工作。

【问题讨论】：

【解决方案1】：

当 jQM 增强输入时，它会将输入放在一个带有 ui-input-text 类的容器 div 中。清除按钮位于该容器内。所以你可以像这样添加一个点击处理程序：

$("#domainname").parent('.ui-input-text').on("click", ".ui-input-clear", function(e){
        $("#DivToHide").hide();

});

DEMO

【讨论】：