小编Rav*_*eja的帖子

无法在bootstrap datetimepicker中禁用过去的日期

HTML

<br/>
<div class="row">
    <div class="col-md-12">
         <h6>Datetimepicker</h6>

        <div class="form-group">
            <div class="input-group date" id="datetimepicker">
                <input type="text" class="form-control" />  <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
            </div>
        </div>

    </div>
</div>

JavaScript的

$(function () {
    $('#datetimepicker').datetimepicker();
 });

我也用过startDateatrribute.But没用.

在这里小提琴

我有一个Submit带有文本类型的按钮,如editasp.net HTML.BeginForm中的POST方法.我希望用glyphicon-edit.How 替换它以实现与input.I 相同的功能.我能够使用编辑按钮实现功能.我想要使用相同的功能glyphicon-edit

HTML

<br />

<input type="submit" class="btn btn-default" name="Editing" value="Edit" />

<div class="circle">
  <div class="glyphicon glyphicon-edit"></div>
</div>

CSS和Look glyphicon-edit是这里的小提琴

我的Y轴(每个国家)的数据有数百万的数字:{日期:"1960",德国:"72542990",西班牙:"30327000",法国:"46621166",意大利:"50025500"}

如何编写.tickFormat(d3.format("")); 在我的Y轴变量上格式化刻度值,使它们在Y轴刻度中显示如下:0,2,000万,4千万,6千万,8千万

目前它们显示为0,2000,000,4000000,6000000,80000000

谢谢.

我在主站点中有一个iframe(这是一个机器人图标).我无法使用jqueryui draggable()函数使iframe元素可拖动.

代码片段如下

$("#testIframe").draggable();

#testIframe {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #ccc;
  padding: 10px;
  width: 200px;
  height: 100px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div class="parent">
Parent text....
  <div class="child">    
    <iframe id="testIframe" width="100%" height="300" src="//jsfiddle.net/iamraviteja/09hdej6t/2/embedded/" frameborder="0"></iframe>
  </div>
</div>

我的问题: 如果你试图拖动 testIframe,你就无法拖动它.为什么？

我添加div到 DOM 如下，

React.createElement("div", { className: "test"});

呈现的 html 应如下所示

<div class="test" data-test>
</div>

我可以data-test在哪里添加createElement？

我有多个input具有不同值的字段.我可以编辑它们但不能为空(如果空显示警报).当我将其编辑为新值时,如果新值与任何其他输入值匹配,我需要一个不能使用它的警报.

HTML

<input type="text" class="selector" value="new">
<input type="text" class="selector" value="old">
<input type="text" class="selector" value="newest">
<input type="text" class="selector" value="oldest">
<input type="text" class="selector" value="older">

JavaScript的

$('.selector').change(function () {
    alert();
});

在这里小提琴

我正在尝试建立水平时间表。一个月中的任何一天都有很多事件。

因此，当事件更多时，列表项将无法容纳可用高度（来自min-height：），并且出现垂直滚动。

如果我尝试删除min-height整个内容，则会失真。我希望容器在不垂直滚动的情况下占用任何数量的项目。

另外，还有一个问题，当窗口较小时（在Codepen上可以看到），出现水平滚动（预期和需要）。但是，连接器没有占据整个滚动宽度。

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.timeline__container {
  background: #c0ffee;
  overflow-x: auto;
  display: flex;
  position: relative;
}
.timeline__connector {
  position: absolute;
  width: 100%;
  left: 0;
  top: calc(50% - 4px);
  height: 8px;
  background: #ccc;
}
.timeline__item {
  background: gold;
  min-width: 85px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.timeline__item:nth-child(2n) {
  flex-direction: column-reverse;
}
.timeline__up {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline__down { …

我已经使用packery和draggabilly 创建了Demo,我有五个网格.我可以使用draggable对它们进行排序.我进行排序.我需要保存排序的网格.当我在dev中检查时,网格没有移动位置正在改变而不是网格.

因为我已经通过了ID,但没有用.由于上面提到的问题.

有没有办法保存排序顺序？我不想用localStorage

我的代码如下

HTML

<h1>Image sort</h1>
<div class="packery">
  <div class="item w2 h2 i1" tabindex="0">A</div>
  <div class="item w2 h2 i2" tabindex="1">B</div>
  <div class="item w2 h2 i3" tabindex="2">C</div>
  <div class="item w2 h2 i4" tabindex="3">D</div>
  <div class="item w2 h2 i5" tabindex="4">E</div>
</div>

JS

// http://packery.metafizzy.co/packery.pkgd.js and 
// http://draggabilly.desandro.com/draggabilly.pkgd.js added as external resource

// ----- text helper ----- //

$(function() {

  var $container = $('.packery').packery({
    columnWidth: 100,
    rowHeight: 180,
    // disable initial layout
    isInitLayout: false
  });

  var pckry = …

<div class="mainContainer">
  <div class="container">
    <div class="content"></div>
  </div>
  <div class="footerCls">
    <div class="inputcls">
      <textarea name="text" placeholder="Text goes here..." onkeydown="expand(event,this)" onkeyup="expand(event,this)"></textarea>
      <div class="wc-commands" id="wc-commands">
        <svg xmlns="http://www.w3.org/2000/svg" width="22px" height="22px" viewBox="0 0 22 22" version="1.1">
          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g transform="translate(-263.000000, -18.000000)">
              <g>
                <g transform="translate(264.000000, 19.000000)">
                  <path d="M7.09,7 C7.57543688,5.62004444 8.98538362,4.79140632 10.4271763,5.0387121 C11.868969,5.28601788 12.9221794,6.53715293 12.92,8 C12.92,10 9.92,11 9.92,11" id="Shape" stroke="#D2D2D2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  <circle id="Oval-2" fill="#D2D2D2" cx="10" cy="15" r="1"></circle>
                  <circle id="Oval" stroke="#D2D2D2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" cx="10" cy="10" r="10"></circle>
                </g>
              </g>
            </g>
          </g>
        </svg>
      </div>
      <div …

如何从刚刚从jquery动态创建的内容中触发工具提示？

我使用append函数将"p"元素附加到内容中，并具有title属性。

每当我需要将鼠标悬停在一个新创建的元素上两次时，该tooltip框就会出现。否则，第一次将鼠标悬停在元素上始终不会显示任何内容。

这是我的tooltip职责 或者，也许我可以获取类名并以某种方式进行匹配。请指导我。

$(".tooltip_class").tooltip({
    show: null,
    position: {
        my: "left top",
        at: "left bottom"
    },
    open: function( event, ui ) {
        ui.tooltip.animate({ top: ui.tooltip.position().top + 10 }, "fast" );
    }
});