小编H.K*_*Kim的帖子

在内部单击时保持 Bootstrap 下拉菜单打开

我有一个引导下拉菜单。我希望它在我点击内部时保持打开状态,但在点击下拉切换按钮或菜单外部时关闭。

当我在其中键入内容时,下拉菜单似乎没有关闭,input但是当我单击下拉列表中的任何其他位置时它会关闭。

问:如何使用 jQuery 避免这种情况?

下面是我的HTML

<div id="navbar">
  <nav class="navbar navbar-default navbar-static-top" role="navigation">
    <div class="collapse navbar-collapse" id="navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">MENU</a> 
          <div class="dropdown-menu">
            <p>HELLO</p>
            <input>
          </div>
        </li>
      </ul>
    </div>
  </nav>
</div>
Run Code Online (Sandbox Code Playgroud)

Bootply 中的演示

javascript jquery twitter-bootstrap twitter-bootstrap-3

6
推荐指数
2
解决办法
1万
查看次数

根据窗口宽度更改图像-响应式布局CSS?jQuery的?阿贾克斯?

嗨,我正在尝试随着窗口宽度的变化来更改图像,而不刷新页面。

$(document).ready(function(){

    if($(window).width() <= 600) {
        $('#img').attr('src','images/image.png');
        $('#img').css({"width": "50px"});
    };
});
Run Code Online (Sandbox Code Playgroud)

这是我编写的Jquery代码,但仅在刷新页面时有效。当窗口的宽度达到600px时,如何更改图像?我不确定是否应该使用css,ajax或jquery。谢谢

html javascript css jquery

2
推荐指数
1
解决办法
2528
查看次数

CSS水平对齐两个不同高度的div

我试图在div中水平放置两个不同高度的div.使用我的代码,第二个div box保持在第一个div的底部square.

box设置宽度和高度但是square没有设置div,高度和宽度,我不想设置它.

有了这个条件,怎么做到我想要的结果呢?如果使用CSS无法做到这一点,那么使用Jquery也是可以的.

HTML

<div id="wrapper">
  <div id="square"></div>
  <div id="box">Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text</div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

#wrapper {
  display: inline-block;
  border: 1px solid black;
}

#square {
  float: left;
  width: …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery css3

2
推荐指数
1
解决办法
2484
查看次数