Question

输入1111以外的任何别针，然后点击Go按钮，显示div。

问题是如果我点击十字标记（新出现的div的右侧）

div再也不会出现，即使我输入无效的引脚

这是我的代码

<div class="container">
    @using(Html.BeginForm("Upload", "ADImage", FormMethod.Post, new { enctype = "mulipart/form-data" }))
    { 
        <fieldset>
            <legend>AD Image Upload</legend>
            <label>AD Username</label>
            <div class="input-control text" data-role="input-control">
                <input type="text" name="username" placeholder="Username" />
                <button class="btn-clear" tabindex="-1" type="button"></button>
            </div>
            <label>Choose File</label>
            <div class="input-control file info-state" data-role="input-control">
                <input type="file" name="file" tabindex="-1" style="z-index: 0;" />
                <input type="text" id="input_file_wrapper" readonly style="z-index: 1; cursor: default;" />
                <button class="btn-file" type="button"></button>
            </div>

            <button type="submit" value="Submit">Submit</button>
        </fieldset>
    }
</div>

http://jsfiddle.net/vcr9J/401/

能告诉我如何解决这个问题。

Answer 1

杰克是对的：“解除引导警报会将其从DOM中删除。”单击十字标记时，该元素不再存在。

一个简单的解决方案是不依赖于Bootstrap的“数据解散”。

步骤1 ：从十字标记按钮中删除以下内容：

/home

第2步：点击十字标记时，添加自己的解决方案以隐藏提醒。

这是JS小提琴：http://jsfiddle.net/vcr9J/406/
这是代码：

JS CODE

<head>
   <link rel="stylesheet" href="/home.css">
</head>

<强> HTML

/dashboard

Answer 2

就像@Jack提到的那样，data-dismiss="alert"解除了警报，警报实际上是从数据模型中删除的。因此，当您单击以尝试再次显示该元素时，该元素将不再存在。

因此，您必须删除data-dismiss并回复slideUp元素关闭按钮上的点击事件。然后您的后续show代码将成功找到DOM元素。作为：

https://jsfiddle.net/gui47/vcr9J/407/

一旦div关闭，它就不再出现了

2 个答案: