小编Kiv*_*ius的帖子

在选定的类之间切换

我发现自己做了很多这样的事情:

$(document).on("click","li",function(){
    $(".selected").removeClass("selected"); // Remove any old selected
    $(this).addClass("selected"); // Apply selected to this element
});
Run Code Online (Sandbox Code Playgroud)

是否有更好,更少重复的方式来完成这样的任务?喜欢切换课程.顺便说一下,在给定时间只能选择一个元素.

谢谢.

javascript css jquery

5
推荐指数
2
解决办法
146
查看次数

将画布输出图像的大小调整为特定大小(宽度/高度)

我有一个大画布(5000x5000),我想拍一张照片,并在客户端创建一个缩略图.我可以使用图像捕获图像canvas.toDataURL但是如何重新调整大小?我是否必须创建一个新$("<canvas></canvas>")元素,然后将该图像放入并运行canvas2.toDataURL();可以任何人帮助我吗?我无法理解如何做到这一点.

var canvas = document.getElementById("main");
var ctx = canvas.getContext("2d");
var tumbnail64 = null;
var image = new Image();
image.src = canvas.toDataURL();
image.onload = function() {

    $c2 = $("<canvas></canvas>");
    $c2[0].width=100;
    $c2[0].height=100;
    $c2[0].getContext("2d");
    $c2[0].drawImage(image, 0, 0,100,100);
    tumbnail64 = $c2[0].toDataURL();
};
Run Code Online (Sandbox Code Playgroud)

javascript jquery html5 canvas

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

父节点中只有一个子节点的选择器

我正在玩CSS选择器,我想知道我可以构建一个自定义css选择器,只有在只有一个类.widget-button,示例代码时才能工作;

<div class='container a'>
  <div class='widget-a' />
  <div class='widget-b' />
  <div class='widget-button' /> 
  <div class='widget-b' />
</div>
Run Code Online (Sandbox Code Playgroud)

那么你会假设这是一个伪选择器(:only-child ?)的组合,这个工作将适用于上述?然而,下面的示例应该没有选择/样式应用,因为那里有更多的类.

<div class='container b'>
  <div class='widget-a' />
  <div class='widget-b' />
  <div class='widget-button' />
  <div class='widget-z' />
  <div class='widget-x' />
  <div class='widget-button' />
  <div class='widget-z' />
</div>
Run Code Online (Sandbox Code Playgroud)

这里是一个JSFiddle https://jsfiddle.net/2L593m3x/

css css-selectors pseudo-class css3

5
推荐指数
3
解决办法
5830
查看次数

删除你的JSON数据

我是python的新手,似乎我的所有JSON数据都与u'前缀结合在一起:

{u'number': u'12345666', u"items"...}
Run Code Online (Sandbox Code Playgroud)

我不需要这些数据(unicode或其他),因为我想将字符串打印到Javascript变量中:

var obj = data; // data is the object above.
Run Code Online (Sandbox Code Playgroud)

我的python看起来像这样;

index.html:
var obj = ${data};
Run Code Online (Sandbox Code Playgroud)

我正在使用moko框架进行模板化.

// getitems() return {'number':'12312...}
context = {'data': getitems(self)}
self.render_response('index.html',**context)
Run Code Online (Sandbox Code Playgroud)

处理过的javascript输出数据如下所示:

var obj = {u'number': u'12345666', u"items"...} 
Run Code Online (Sandbox Code Playgroud)

这是我的问题.

javascript python json

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

.one()不会调用其他相同的实时组件

我有以下jquery .one()代码:

$("<div class='one'>One</div>").appendTo("#mane");
$("<div class='one'>One</div>").appendTo("#mane");
$("<div class='one'>One</div>").appendTo("#mane");

$("#mane").one("click", ".one", function(event){
     alert(1);
});
Run Code Online (Sandbox Code Playgroud)

为什么要调用一次?每个项目不是一次吗?在文档中.one(),每个项目调用一次函数?

JSFiddle:http://jsfiddle.net/74cv9/

谢谢.

html javascript jquery

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

CSS属性的位置是否有关?

这似乎是一个简单的问题,但我想知道如何在单个选择器中定位属性,例如:displayfirst或widthfirst等; 贝娄就是例子,位置与造型混合,真的到处都是.

.box {
    display:block;
    width:100px;
    background-color:blue;
    margin:25px;
    position:absolute
}
Run Code Online (Sandbox Code Playgroud)
  • 真的有关系吗?
  • 我们应遵循哪些指南?

谢谢,

html css html5 coding-style css3

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

当对象定义中的/那些函数未定义时,代码如何调用对象的函数?

我有一个图像代码

var img = {
    id: id++,
    link: m.attr("index"),
    x: m.offsetx(),
    y: m.offsety(),
    width: m.width(),
    height: m.height()
};
Run Code Online (Sandbox Code Playgroud)

现在我想调用一个函数img.setCordinates(x,y)img.setDimention(w,h),但我不想将它们添加到img对象,我会有很多img的对象,他们将被保存在文件中加载.它不会影响函数的功能,我只是想知道它们是如何实现的?

我还应该提一下,我需要做这些功能的原因是因为这个代码示例问题:(不好)

arr.getById(index).x = 100;
arr.getById(index).y = 200;
Run Code Online (Sandbox Code Playgroud)

.getById() 是数组的直接原型,循环true arr并查找指定的id.

html javascript prototype object

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

获取具有特定原型的所有元素?

我们来看这个例子:

var Point = new function(){};

var Line = function(){};
    Line.prototype = new Point();

var line2 ....
Run Code Online (Sandbox Code Playgroud)

我不想找到原型Point的所有实体.我尝试了一些代码,但它不起作用:

for(key in window) {
  if(this[key] == Point){ // typeof is also not working.
     console.log(this[key]);
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript prototype

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

仅使用CSS对网格格式的div进行排序

我在排序div时遇到问题,我有两种类型 a, b

a - should always be at the front (all a types)
b - should be following all a types.
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="" style="">
    <div class="a">a</div>
    <div class="a">a</div>
    <div class="b">b</div>
    <div class="a">a</div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.a, .b {
  display:inline-block;
  width:50px;
  height:50px;
  padding:15px;
  margin:5px;
}

.a {
  float:left;
  background-color: blue;
}

.b { background-color: red; }
Run Code Online (Sandbox Code Playgroud)

这似乎在一行中正常工作:

工作得很好

但作为一个网格打破:

problme

期望的结果(盒子的数量是无关紧要的):

结果

JsFiddle:http://jsfiddle.net/kQkn9/

我该如何解决这个问题呢?

html css

0
推荐指数
1
解决办法
2936
查看次数

如何在JSON中存储多个记录

我不知道如何在json文件(Structure)中存储多个实体,我想通过id函数(JQuery/javascript)找到并轻松排序(0,1,2 ... 200).

这是我的代码:

{ 
    "id" : 5,
    "name" : "Jemmy overy",
    "data" : {...},
    "link" : "http:...",
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery json

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