Html 如何在按下按钮时使模式固定在引导上

我在引导中使用了一个模式，我想当我按下一个按钮（如激活或取消激活图像更改）时，该模式仍然是固定的。我的问题是当我单击该按钮时，该模式消失

    <h2>Led1</h2>
  <!-- Trigger the modal with a button -->
  <button type="button" class="btn btn-default btn-lg" id="led1" align="center">login</button>

  <!-- Modal -->
  <div class="modal fade" id="model_led1" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content" data-backdrop="static" data-keyboard="false">
        <div class="modal-header" style="padding:35px 50px;">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4><span class="glyphicon glyphicon-lock"></span> Settings</h4>
        </div>
        <div class="modal-body" style="padding:40px 50px;">
          <form role="form">

            <img src="style/led.png" id="led_on"/>
              <button type="submit" class="btn btn-success btn-block" id="led1_activ"><span class="glyphicon glyphicon-off"></span> Activate</button>
          <button type="submit" class="btn btn-success btn-block" id="led1_desactiv"><span class="glyphicon glyphicon-off"></span> Desactivate</button>
          </form>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-danger btn-default pull-left" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cancel</button>

        </div>
      </div>

    </div>
  </div> 
</div>
</div>

Led1
登录
&时代；
设置
激活
失活
取消

莫代尔表演的脚本：

 <script>
$(document).ready(function(){
    $("#led1").click(function(){
        $("#model_led1").modal({
    backdrop: 'static',
        keyboard: false});
    });
});
</script>

$（文档）.ready（函数（）{
$（“#led1”）。单击（函数（）{
$（“#型号1”）.模态({
背景：“静态”，
键盘：false}）；
});
});

单击“激活”或“取消激活”按钮时的脚本：

<script>
$("#led1_activ").click(function(){
    socket.emit('state',"led1 is ON");
  var x=document.getElementById("led");
  x.setAttribute("src", "style/led_on.png");

});
$("#led1_desactiv").click(function(){
    socket.emit('state',"led1 is OFF");
    var x=document.getElementById("led");
    x.setAttribute("src", "style/led_off.png");
});

</script>

$（“#led1_activ”）。单击（函数（）{
socket.emit（'状态'，“led1打开”）；
var x=document.getElementById（“led”）；
x、 setAttribute（“src”，“style/led_on.png”）；
});
$（“#led1_desactiv”）。单击（函数（）{
socket.emit（'状态'，“led1关闭”）；
var x=document.getElementById（“led”）；
x、 setAttribute（“src”，“style/led_off.png”）；
});

type=“submit”

在引导中，当模式处于模式的任何按钮时，它将关闭模式。在您的情况下，您可以在激活和停用按钮中取出它，因为您已经声明了

，因此不需要这些按钮。单击
中的
操作启动中的
type=“submit”
将在模式中的任何按钮中关闭模式。在您的情况下，您可以在激活和停用按钮中取出它，因为您已经声明了
，因此不需要这些按钮。单击
中的操作，我将
类型=按钮放入
中，它就工作了。
我将
类型=按钮放入
中，它就工作了。
尝试取出
类型=“提交”
在两个按钮中，因为您已经有了
。请单击控制操作的
函数。我为您制作了一个JSFIDLE。您可以编辑它以使其可用于您的场景吗？这样我就能知道你的问题是什么了@Trapline我认为您必须在JSFIDLE中加载引导。我添加了资源，但这无助于尝试在两个按钮中删除
type=“submit”
，因为您已经有
。单击控制操作的函数。我为您制作了一个JSFIDLE。您可以编辑它以使其可用于您的场景吗？这样我就能知道你的问题是什么了@Trapline我认为您必须在JSFIDLE中加载引导。我添加了资源，但没有帮助。我尝试删除“type=submit”，但当我单击激活模式消失时。我尝试删除“type=submit”，但当我单击激活模式消失时。