小编nde*_*n11的帖子

在jQuery中使用css transform属性

如何使用jQuery指定跨浏览器转换控件,因为每个浏览器似乎都使用自己的方法?

这是我用于Firefox的代码,但我甚至无法让它工作.我认为这是因为没有办法分辨使用哪种变换 - 缩放,旋转,倾斜.

$(".oSlider-rotate").slider({
     min: 10,
     max: 74,
     step: .01,
     value: 24,
     slide: function(e,ui){
                 $('.user-text').css('transform', ui.value)

            }                
  });
Run Code Online (Sandbox Code Playgroud)

javascript css jquery

49
推荐指数
2
解决办法
14万
查看次数

在jQuery sortable()之后调用自定义函数;

我有这个小插件导致一个元素脉动三次调用.blink().在通过jQuery拖拽它后,我试图让它在LI元素上工作.sortable(); 但它似乎不适用于这种情况.

$(function() {
$( "#sortable" ).sortable().blink("update-value", 3, 350);
$( "#sortable" ).disableSelection();
});
Run Code Online (Sandbox Code Playgroud)

粉红色代码

$.fn.blink = function (cls, times, delay) {
var $self = this.removeClass(cls);
clearTimeout($.fn.blink.handler);
! function animate(times) {
    if (times) {
        $self.toggleClass(cls);
        $.fn.blink.handler = setTimeout(function () {
            animate(times - 1);
        }, delay);
    }
}(times * 2);
return this;
};
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui

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

将属性添加到Angular 2组件选择器

我想将属性添加到我在angular 2组件实现中创建的自定义选择器.

@Component({
selector: 'my-node',     // add attributes to this selector 
template: `<div> <ng-content></ng-content> </div>`    
})
Run Code Online (Sandbox Code Playgroud)

因此,当我这样做时<my-node>,dom会生成带有这些额外属性的选择器

<my-node flex="25" layout="row">

我不想每次都对这些属性进行硬编码<my-node>.我希望这些属性成为选择器构造模板的一部分.

像这样的东西是我正在寻找但却没有在api中看到类似的东西

@Component({
selector: 'my-node',     
selectorAttributes: `layout="row"`  // generates <my-node layout="row">
template: `<div> <ng-content></ng-content> </div>`    
})
Run Code Online (Sandbox Code Playgroud)

typescript angular

7
推荐指数
2
解决办法
7491
查看次数

使用jquery忽略JSON调用中的部分键

我目前用json填充一些元素.但是如果加载了新的json.json看起来略有不同.如何忽略密钥的第一部分以使其有效.我以为我可以使用星号,但这给了我一个萤火虫的错误.

这是我的jQuery

var items = [];
    $.each(data[0].attributes['*.dyn.prop.current.profile'], function (key, val) {
        items.push(val);
    });
    displaySortLabel(items, "type-details");
Run Code Online (Sandbox Code Playgroud)

示例JSON 1

[
   {
    "avatarDefinitionId":1,
    "avatarName":"edge",
    "attributes":{
       "examplePrefixToSkipOver.act.halt":"1",
       "examplePrefixToSkipOver.dyn.prop.current.profile":"1",
       "examplePrefixToSkipOver.dyn.prop.firmware":"1.0",
       "examplePrefixToSkipOver.dyn.prop.ip.address.3g":"192.168.1.1",
       "examplePrefixToSkipOver.dyn.prop.ip.address.cloud.com":"192.168.1.1",
       "examplePrefixToSkipOver.dyn.prop.ip.address.lan":"10.0.0.1",
       "examplePrefixToSkipOver.dyn.prop.ip.address.wifi":"192.168.1.1",
       "examplePrefixToSkipOver.dyn.prop.location":"Chicago Office",
       "examplePrefixToSkipOver.dyn.prop.name":"examplePrefixToSkipOver",
       "examplePrefixToSkipOver.dyn.prop.priority":"1",
       "examplePrefixToSkipOver.dyn.prop.status.detail":"Placeholder-Text",
       "examplePrefixToSkipOver.dyn.prop.timestamp":"2010-01-01T12:00:00Z"

   }
 }
 ]
Run Code Online (Sandbox Code Playgroud)

jquery json

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

tomcat-users.xml 不会在 UBUNTU 中打开

我正在尝试登录主机管理器,但无法打开 tomcat-users.xm 文件。当我右键单击它在编辑器中打开时,它说权限被拒绝。

Could not open the file /etc/tomcat6/tomcat-users.xml.

You do not have the permissions necessary to open the file.
Run Code Online (Sandbox Code Playgroud)

所有者是 root,我什至尝试做一些“sudo s”cmd 来改变我的角色。

我什至尝试将文件通过电子邮件发送到另一台机器,但该文件不会通过电子邮件发送或压缩。

java xml apache ubuntu tomcat

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

使用数据属性值作为 sass 变量中的值

我有 json 添加数据属性,并想使用数据属性的值来控制元素的宽度。

我的 sass 编译器在抱怨。

 <li class="lecture"  data-views="190"></li>

 $popularity: [data-views]

  .og-grid li > a,
  .og-grid li > a img
      width: $popularity
Run Code Online (Sandbox Code Playgroud)

javascript json sass less compass-sass

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

@angular/flex-layout 不适用于 @HostBinding

flex-layout 不会在宿主元素上应用内联样式,其中宿主元素通过 @HostBinding 获取它们的 flex-layout 属性

@Component({
    selector: 'column-node',  //flex-layout not working on host elements
    host: { '[@visibility]': 'visibility' },
    template: `<ng-content></ng-content>`,
})    

export class LayoutColumnNodeComponent {
    @HostBinding('attr.fxLayout') fxlayout = 'column';
}
Run Code Online (Sandbox Code Playgroud)

fxLayout属性已添加到 DOM 中,<column-node fxLayout="column">但未应用 flex-layout 内联样式。

不能<column-node>在您的html所有自定义选择器中使用独立选择器,无论页面中有多少需要内联 flex 属性标记。

<column-node fxLayout="row" fxLayoutAling="start start" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="33" fxFlex.lg="33" fxFlex="25"> 使用所有这些 flex 标记扫描此代码将非常困难....

flexbox angular-material2 angular

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

jQuery fadeIn()不起作用

我有一个简单的脚本,但fadein()部分不起作用.虽然没有任何错误..

$('<ol/>', {
  'class': 'raw-list',
  html: items.join('')
 }).appendTo('.json').fadeIn(1000);
});
Run Code Online (Sandbox Code Playgroud)

jquery

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

如何制作平板电脑和iphone的样式表

我认为样式表上的链接目标会使我的css文件仅在平板电脑或iphone上加载时加载.但我试图隐藏的元素仍然存在.我目前正在使用(media ="掌上电脑")

  <link rel="stylesheet" type="text/css" hrf="css/media.css" media="handheld" />
Run Code Online (Sandbox Code Playgroud)

css media tablet

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

计算嵌套对象中的键

我试图得到嵌套JS对象中的键的计数.我能够达到第一级,但我有点陷入困境,我会如何深入挖掘嵌套对象并返回计数.

var properties = {
prop1: '',
prop2: '',
prop3: '',
prop4: {
    subProp1: '',
    subProp2: '',
    subProp3: {
        subSubprop1: ''
        }
    }
}

var getCount = function (data) {
var count = 0;
for (var k in data) {
    if (properties.hasOwnProperty(k)) {
        ++count;
    }
}
console.log( "this is the count for level 0: " + count //returns 4);
console.log( "this is the count for level 1: " + count //should return 3);
console.log( "this is the count for level …
Run Code Online (Sandbox Code Playgroud)

javascript recursion

3
推荐指数
2
解决办法
4119
查看次数

更改fabricJs中“hasControls”的边框大小

我想进一步定制fabricJshasControls边框尺寸的外观和感觉。它目前是在画布上绘制的,边框为 1 像素,但我正在尝试实现 3 像素边框。

FabricJS 文档没有任何自定义属性来更改此边框大小。

javascript canvas html5-canvas fabricjs

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

通过jquery限制字符

我有一个div显示一堆文本,但我只想显示75个字符,其余的文本替换为...

<div class="text-info">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</div>

$('text-info').replaceWith(this).length(75 + "...");
Run Code Online (Sandbox Code Playgroud)

javascript jquery

-1
推荐指数
1
解决办法
464
查看次数