小编Das*_*sto的帖子

我确信这很简单我只是无法获得正确的搜索条件来找到答案.但我有一张表用于ID的位置

ID| Name

1 | Foo

2 | Bar

3 | Blah

和另一个表(table2),其中有一个引用这些位置ID的字段:

ID| LocationID | Foo | Bar

1 | 1          | ... | ...

2 | 2          | ..

3 | 5          | ...

其中LocationId =来自位置的值.我想要做的是为位置中的每个ID(1,2,3 ......)添加一个记录到另一个表.例如:

"insert into table2 (locationID, foo, bar) values (1, "hello", "world");"

"insert into table2 (locationID, foo, bar) values (2, "hello", "world");"

等等..

当在div元素上使用jQuery UI draggable时,您可以将元素"拖出"在页面的右侧,但页面将只是扩展并使用元素自动滚动.这是有问题的,因为我试图在元素到达窗口的右侧时启动事件.一个警告是,我不能简单地绑定div,以便它不能离开,因为我希望拖动停止光标遇到边缘而不是div(尝试从左侧拖动它看看我的意思,我只是想要在右边复制那个).

我尝试过的:

body {overflow:hidden;} - 初看起来很有效,但如果你仔细检查,那么实际上滚动的实际上并没有使用可见的滚动条.此外,这将用于插件,所以我不能限制用户只溢出:隐藏的身体.

创建窗口大小/固定位置的包装div以触​​发事件,但是主体仍然在固定div下延伸.

我只是需要一种方式来说,如果我拖动一个元素,不要滚动窗口.

这是一个允许拖动的jsFiddle但是离开了窗口:http: //jsfiddle.net/9dx1cxu8/

html:
<div class="box"></div>

javascript (jQueryUi):
$('.box').draggable();

css:
.box{
  left:200px;
  top:200px;
  width: 150px;
  height: 150px;
  box-shadow: inset 0 0 20px
}

我有一个自定义复选框,其中填充了边框,颜色等的过渡以及3D转换以将其翻转.如果取消选中该复选框,它看起来很好并且在状态之间转换得很好,但是,如果复选框在dom加载时被赋予了checked属性,那么它必须旋转到位并且复选框在背面可见.

注意:虽然我链接了JsFiddle,所以你可以看到代码,问题不在小提琴中.只有通过样式表链接样式时才会发生这种情况.

https://jsfiddle.net/tj2djeej/

/* Radio & Checkbox */

input.flipCheckbox {
  -webkit-transition: transform .5s linear 0s;
  -webkit-transform-style: preserve-3d;
  -webkit-appearance: none;
  -webkit-transform: rotatey(0deg);
  -webkit-perspective: 800;
  -webkit-transform-style: preserve-3d;
  box-sizing: border-box;
  position: relative;
  outline: none;
  width: 26px;
  height: 26px;
  border: 3px solid #C15649;
  cursor: pointer;
}
input.flipCheckbox:checked {
  -webkit-transform: rotatey(180deg);
}
input.flipCheckbox:after {
  -webkit-transform: rotatey(-180deg);
  -webkit-transition: color 0s linear .25s, -webkit-text-stroke-color 0s linear .25s;
  -webkit-text-stroke-color: transparent;
  cursor: pointer;
  line-height: 26px;
  font-size: 14px;
  width: 26px;
  height: 26px;
  position: absolute;
  z-index: 1;
  top: -3px;
  left: …

我的网页上有一个Bootstrap 折叠面板.我需要在转换完成后面板完全展开后执行一个函数.我找到了这个示例,了解如何在面板折叠并hidden.bs.collapse添加时访问回调. 如何在"Bootstrap:collapse plugin"转换完成后触发JavaScript函数.

但是使用类似的代码,我在.collapse.in应用类时似乎无法触发.

$('#collapseExample').on('.collapse.in', function(){
    alert("hi");
 });

我还发现这个代码使用promises在切换类后触发函数.它应该等到所有动画完成.toggleClass上的jquery函数完成了吗？这对我的问题似乎也不起作用.

所以我问:崩溃功能完成后如何触发功能？

这段代码尝试了jQuery promise技术.理想情况下,它会.red在面板完成扩展后添加类,但会立即触发. http://www.bootply.com/Vx9oeyYy03#

$(document).on('click', '.btn', function(){
    $('#collapseExample').collapse("toggle").promise().done(function () {
         $('.well').addClass('red');
    })
});

在我的游戏中,有一个包含50x50网格的地图视图.当你点击瓷砖时,你会被发送到那个瓷砖视图并攻击东西等.就代码而言,这些"瓷砖"之间的唯一区别是瓷砖ID,也就是说.网格上的哪个数字.该号码将在init上传递给服务器以处理其余的数据.

显然,由于这是瓦片的唯一区别,因此创建场景"1",场景"2"......场景"2500"并调用SceneManager.LoadScene来切换到特定的瓦片视图是错误的.

我可以使用DontDestroyOnLoad(); 当单击tile以保留场景切换上的tile ID时,1)它只接受gameobjects而不仅仅是一个int变量2)我不需要/想要在tile视图中保留该变量以外的任何东西.因此,虽然它可以工作,但似乎有点矫枉过正.

基本上只是将参数传递给场景加载是否有更好的做法？

我遇到了一个奇怪的案例,据我所知,两件应该表现相同的事情表现得完全不同.

如果我在页面上有两个选择菜单,则一个静态菜单在HTML中硬编码,一个在运行时使用JQuery附加到正文.然后我禁用两个选择菜单中的第一个选项.显示时,两个菜单的第一个选项都按预期禁用,但动态附加菜单会自动将值设置为第二个选项,而静态菜单仍然选择了第一个.

http://jsfiddle.net/hm3xgkLg/1/

HTML:

<select class="dropMenu">
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
  <option value="4">fourth</option>
</select>

使用Javascript:

var arr = [
  {val : 1, text: 'One'},
  {val : 2, text: 'Two'},
  {val : 3, text: 'Three'},
  {val : 4, text: 'Four'}
];

var sel = $('<select class="dropMenu">').appendTo('body');
$(arr).each(function() {
   sel.append($("<option>").attr('value',this.val).text(this.text));
 });
$('.dropMenu option:nth-child(1)').attr('disabled', 'disabled');

为什么这两个看似相同的选择菜单表现不同？我想两者都像静态菜单(保持第一个值选择)是可能的吗？

还应该注意我尝试在$(document).ready中包装disable函数来排除菜单没有呈现的问题但是没有变化.我还试过有两个不同的类,有两个单独的调用来禁用选项,以确保它没有以某种方式发生冲突而没有变化.

给定一个基本的HTML模板和CSS样式,我看到两个不同的元素反应完全不同.

setTimeout(function() {
  document.body.id = 'animate';
}, 100);

#animate input[type="checkbox"]{
  width: 100px;
  height: 100px;
  transition: 2s all;
  -moz-appearance: none;
}
#animate div{
  width: 100px;
  height: 100px;
  background:blue;
  transition: 2s all;
}

<input type="checkbox"/>
<div></div>

如果你在浏览器中打开它,你会看到,在加载时,div已经有100px高度/宽度,但复选框从0px增加到100px高度/宽度超过2s.

为什么input表现与div？不同？是因为输入有默认值,-webkit-appearance可以在它之间进行转换吗？

我正在使用Node/Sequelize处理Postgres数据库.该数据库有3个相关模型,Store,Product和Offer.商店可以有很多产品,但产品属于一个商店.产品可以有多个优惠,而优惠属于一个产品.为了使其更复杂,Product和Offer都有各种类型的代理ID,使人们可以更容易地将它们与真实世界的产品相关联,而不是注意自动生成的ID.因此,所有产品都需要通过'sku'查找,并且'offer_id'和商品的所有商品都会通过他们的sku而不是ID添加到产品中.

const Product = sequelize.define(
  "product",
  {
    id: {
      type: Sequelize.INTEGER,
      autoIncrement: true,
      allowNull: false,
      primaryKey: true
    },
    sku: {
      type: Sequelize.STRING,
      allowNull: false,
    }
  },
  {
    indexes: [{ fields: ["sku", "storeId"], unique: true }]
  }
);

const Offer = sequelize.define(
  "offer",
  {
    id: {
      type: Sequelize.INTEGER,
      autoIncrement: true,
      allowNull: false,
      primaryKey: true
    },
    offer_id: {
        type: Sequelize.STRING,
        allowNull: false,
      },
    product_sku: {
        type: Sequelize.STRING,
        allowNull: false,
      }
  }
  ,
  {
    indexes: [{ fields: ["offer_id", "productId"], unique: true }]
  } …

我有一个特定的用例，我似乎找不到答案。给定以下 DOM 元素：

<div class="wrapper">
   <div class="item"></div>
   <div class="item">
       <div class="foo"></div>
   </div>
   <div class="item">
       <div class="bar"></div>
   </div>
   <div class="item"></div>
   <div class="item selected"></div>
   <div class="item"></div>
</div>

我需要找到该.selected元素相对于它的兄弟元素的索引。但我需要忽略任何具有.foo子元素的兄弟元素（它只会是直接子元素）。

因此，通常要查找 的索引，.item .selected您可以使用$(".item.selected").index()给出4 的索引，但由于它之前的一项有.foo子项，所以正确的答案是3。

我认为，最好的方法是获取所选元素之前的所有兄弟姐妹（因为它之后的兄弟姐妹不会改变其索引），然后计算有多少个有孩子.foo，并从所选索引中减去该数字，所以4-1=3。我尝试这样做：

var selectedIndex = $(".item.selected").index();
var fooCount = $(".item.selected").prevAll('.item > .foo').length;
var finalIndex = selectedIndex - fooCount;

问题是， fooCount 出现了0而不是3。

在我的 Yup 模式中，我的 String 字段name允许您传入任何字符串、空字符串或什么都不传入。如果你传入一个字符串，它就会通过。如果你传入一个空字符串或什么都没有，我想转换为默认值。

这是我认为可以涵盖它的模式：

const mySchema = yup.object().shape({
  name: yup.string('Name must be a string').max(100, 'Name has a max of 100 characters').default('John Doe')
});

但是，如果我传入一个空字符串''，它不会触发默认转换，它只是作为空字符串传递。我尝试添加required()，但如果我传递空字符串，这只会使该行失败。我已经尝试过nullable()，trim()但似乎没有任何效果。

如何让默认值替换空字符串？