小编Chr*_*oph的帖子

使用Sortable/Droppable调用Drop()两次

我在这里有这个代码.我有两个问题:

  1. 在receive函数中,我们如何才能将刚刚丢弃的元素放入可排序的元素中?不是用于删除新的那个,而是实际的一个被放入列表?
  2. 由于我找不到,我决定使用drop()函数,但现在,为什么该函数被调用两次?!我不想要那个!

    $( "#sortable" ).droppable({
    
        activeClass: "ui-state-default",
        hoverClass: "ui-state-hover",
        drop: function( event, ui ) {
            $(ui.draggable).editable(function(value, settings) { 
                 return(value);
                 },{
                 tooltip     : "Click to edit"
              });
        }
    }).sortable({
    
        revert: true,
        receive: function(event, ui) {
            $(this).children("li").each(function(index) {
                $(this).attr("id", "content-" + index);
                });
        }
    
    });
    
    Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui jquery-ui-sortable jquery-droppable

5
推荐指数
1
解决办法
2488
查看次数

jQuery populate根据文本输入的值选择列表


我正在尝试编写代码,允许根据文本框的输入值填充选择列表.

例如:
如果用户在文本框中输入牛奶,则选择列表将包含"full fat", "Skimmed", "1% Milk"

我已联机但无法找到有关如何执行此操作的任何信息.我已经设法根据前一个选择列表使用jquery自动填充一个选择列表.但是,我无法找到使用文本框时的解决方案.
谢谢你查看我的问题!

html javascript jquery selection

5
推荐指数
1
解决办法
1748
查看次数

一致的keyCode为`#`

虽然我知道由于e.keyCodevs 而捕获密钥e.charCode并不是微不足道的,但我认为jQuery几乎可以将这些不一致的大部分归一化.

然而,在回答这个问题时,我发现该角色#似乎有非常不一致的keyCodes(当然,对于其他几个代码也是如此,主要取决于我猜的浏览器和键盘布局).

Chrome和IE在我的计算机上产生了191,Firefox 163,另一个用户报告了222.Chromes window.event甚至报告U+00BF为keyIdentifier - 根据unicode表应该是¿.

你是否知道任何一致的方法来确定这样的符号,如#不一致的keyCodes,而不做如下的令人讨厌的事情:

$('input').keydown(function (e) {
        if (e.which == 191 || e.which == 163 || e.which == 222){
            // hope you got the right key
            e.preventDefault();
        }
});
Run Code Online (Sandbox Code Playgroud)

小提琴,为你的乐趣.

javascript jquery input

5
推荐指数
1
解决办法
312
查看次数

IE9渲染css3

您好,我最近开始开发一个网站,它使用了一些基本的css3功能,我确信IE9支持这些功能,因为我已经检查过了.无论我做了什么,IE9似乎都不会渲染任何css3属性,即使我使用ms前缀.

在我做了一些研究之后,我在stackoverflow上发现了一个问题,它处理了类似的问题,并且有人提供了解决该问题的方法.这个人说要在head标签中添加这一行:

<meta http-equiv="X-UA-Compatible" content="IE=9" />
Run Code Online (Sandbox Code Playgroud)

在我添加之后,一切似乎都有效.我想解释为什么我必须使用它来使css3功能在IE9中工作,这是什么意思?

我仍然是网络开发的新手,我试着在大约6个月内学习html/css/javasript/php/mysql.虽然我现在能够创建功能性网站,但似乎还有很多空白,所以我希望这不是一个非常基本的问题.

css css3

4
推荐指数
1
解决办法
85
查看次数

是否可以弃用sass/scss mixin?

在为大型开发人员团队维护和更新mixins时,是否可以弃用mixins以便在编译样式时抛出某种警告?

我不只是想删除已弃用的mixins,因为它需要一些时间来删除所有当前的用途,但是如果他们试图使用它,那么警告其他开发人员这将被删除是很好的.

sass

4
推荐指数
1
解决办法
998
查看次数

循环结束时的无限动画关键帧和z-index问题

我有一些动画,最终有望成为一个很好的CSS 复古翻转时钟.

基本上我将数字分成两部分,并在X轴上以180°旋转为两部分中的每一部分设置动画.

?????????   
?   ##  ?   
?  ###  ?   
? # ##  ?  
?   ##  ? 
?????????   
?   ##  ?   
?   ##  ?     
?   ##  ?     
?  #### ?   
?????????   
Run Code Online (Sandbox Code Playgroud)

但是,由于关键帧的无限循环,我遇到了z-index的问题 - 在循环结束时,错误的数字位于顶部,因此在短时间内显示错误的数字.

我有两个动画的演示版本(目前只有webkit前缀):

z-index预先声明

重新排序标记

第一个在动画周期中使用z-index,后者使用图中的自然排序(以及默认的z-index).

<div class="nr">
    <div class="top t0">0</div>
    <div class="bottom b0">0</div>
    <!-- 1 to 9 -->
</div>
Run Code Online (Sandbox Code Playgroud)

关键帧如下(第一个例子):

.top{
    -webkit-transform-origin:50% 100%; 
    -webkit-animation-name: flipT;
}
.bottom{
    -webkit-transform-origin:50% 0;
    -webkit-animation-name: flipB;
    -webkit-transform: rotateX(180deg);
}

@-webkit-keyframes flipT {
    from{-webkit-transform:rotateX(0deg)    }
    10% {-webkit-transform:rotateX(-180deg);}
    90% {-webkit-transform:rotateX(-180deg);}
    91% {-webkit-transform:rotateX(0deg);   } …
Run Code Online (Sandbox Code Playgroud)

css3 css-animations

4
推荐指数
1
解决办法
4615
查看次数

JS - 如何获取节点开头和当前插入符(文本光标)位置之间的文本?

我需要获取节点的文本(或整个内部html),在contenteditable设置为的元素中截断当前插入符号(文本光标)位置true.我已经尝试过使用range.setStart()等,但我无法做出正面和反面的...

编辑:为了澄清,在某些事件中,我希望脚本从当前具有焦点的节点的开头提取文本到插入符号的位置(如果可编辑字段具有焦点,则当前闪烁的垂直线)并将其存储在变量中.动作类似于用户按下ctrl + shift + home和ctrl + c时会发生的情况

示例:给出html:

<span contenteditable=true>Hello, world<br> Good bye, World</span>
Run Code Online (Sandbox Code Playgroud)

假设插入符号在"好"和"再见"之间,我想要检索

"Hello, world<br> Good"

javascript jquery range selection

4
推荐指数
2
解决办法
2267
查看次数

LESSCSS和@keyframes

有没有人有LESSCSS和问题@keyframes还是@-ms-keyframes?它编译CSS很好@-webkit-keyframes,@-moz-keyframes@-o-keyframes.

css less css-animations

3
推荐指数
1
解决办法
2460
查看次数

在目录中写入文件

File dir = android.os.Environment.getDownloadCacheDirectory();
             file =  new File(dir + File.separator + "Music1.mp3");
             if (!file.exists()) {
                 file.getParentFile().mkdirs();
                 file.createNewFile(); 
                }

             fos = new FileOutputStream(file);
             inputStream = urlConnection.getInputStream();
Run Code Online (Sandbox Code Playgroud)

file.createNewFile ()抛出异常:

System.err(275): java.io.IOException: Permission denied
Run Code Online (Sandbox Code Playgroud)

我怎么解决这个问题?

android file

3
推荐指数
1
解决办法
2931
查看次数

CSS和正则表达式(?)

我想知道有没有办法在css文件中做正则表达式替换?

例如:我有很多这样的选择器:

 #div_23
 #div_45
 #div_8
Run Code Online (Sandbox Code Playgroud)

假设我不能使用类来添加样式,有没有办法在CSS文件中做这样的事情:

 #div_[0-9] {background:#000000}
Run Code Online (Sandbox Code Playgroud)

css css-selectors

3
推荐指数
1
解决办法
203
查看次数