小编Oli*_*ans的帖子

Chrome工作区 - 在"来源"标签中保存更改,但不保存"元素"

我正在尝试在Canary上设置和使用Workspaces,我遇到了一些问题.

我知道这仍然在开发中,但是有人可以澄清这些问题我没有或者与它仍在开发中的事实有关吗?

基本上我在DevTools中设置了一个工作区,在我的文件系统上找到目录.我是否需要在URL前缀和文件夹路径输入框中放置任何内容?我已经尝试将它们留空,填写等等,但由于缺少文档,我不确定正确的输入是什么.

大多数时候我通过MAMP运行我的网站,那么自定义服务器名称会改变配置吗?

当我打开我正在编辑的页面打开时,打开开发工具,在元素样式侧栏中进行更改,它不会保存对我系统上文件的任何更改.但是当我进入Sources选项卡并从左侧的滑出菜单中找到工作区时,我可以直接在那里更改文件.但我必须刷新浏览器才能看到任何变化.

我知道有些事情不太正确,因为当我一会儿观看Paul Irish的小演示时,他正在对元素样式栏进行更改并查看结果而不刷新并自动保存更改.我怎么能得到这一点呢?

提前致谢.

PS.如果有人可以添加chrome-canary和chrome-workspaces标签,那就太棒了.

google-chrome google-chrome-devtools

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

使用$ .each记录JSON值

所以我有一个JSON提要,我只是想打印出一些值.

我的Javascript下面有点工作.但它看起来不太"正确".请问有更好的方法吗?

JSON

{
   "info":[
      {
         "lon":-2.1,
         "lat":55.2
      },
      {
         "lon":-2.12,
         "lat":55.23
      }
   ]
}
Run Code Online (Sandbox Code Playgroud)

JavaScript的

var jsonURL = "url here";

$.getJSON(jsonURL, function(json1) {
    $.each(json1, function(key, data) {
        $.each(data, function(key, data){

            var latLng = new google.maps.LatLng(
                    data.lat, data.lon);

            var marker = new google.maps.Marker({
                position : latLng
            });

            marker.setMap(map);

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

javascript jquery json

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

可折叠力导向图上的D3.js标题

所以我一直在研究基于以下示例的可折叠力导向图.

我试图从那里前进,并为每个节点添加标题.我在stackoverflow上遵循了类似的答案,但是我无法将该答案的解决方案实现到上面的示例和其他类似的解决方案中.

请有人指出我正确的方向.

实施前请参阅下面的项目代码.

在此输入图像描述

JS

var w = 600,\n    h = 600,\n    radius = 10,\n    node,\n    link,\n    root;\n\nvar force = d3.layout.force()\n    .on("tick", tick)\n    .charge(function(d) { return -500; })\n    .linkDistance(function(d) { return d.target._children ? 100 : 50; })\n    .size([w, h - 160]);\n\nvar svg = d3.select("body").append("svg")\n    .attr("width", w)\n    .attr("height", h);\n\nroot = words[0]; //set root node\nroot.fixed = true;\nroot.x = w / 2;\nroot.y = h / 2 - 80;\nupdate();\n\nfunction update() {\n    var nodes = flatten(root),\n    links = d3.layout.tree().links(nodes);\n\n    // Restart …
Run Code Online (Sandbox Code Playgroud)

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

无法从输入类型编号值中删除逗号

我正在尝试使用JS/jQuery从输入值中删除逗号.

输入类型是数字,我正在键盘上运行消毒过程.

当输入类型是文本时,下面的代码工作正常,但当输入类型是数字时,则不能正常工作.

我正在使用输入类型编号作为货币输入,因此我试图删除逗号,例如某人输入$ 1,000.

我想使用输入类型编号,因为这主要用于移动设备.

有谁知道为什么这可能会取悦?

-

http://codepen.io/anon/pen/YXvxxK

$('.form input').on('keyup', function() {
  field1 = $('#field1').val();
  var newField1 = parseFloat(field1.replace(/,/g, ''));
  console.log(newField1);
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form class="form">
  <input type="number" id="field1" />
</form>
Run Code Online (Sandbox Code Playgroud)

javascript validation jquery html5 input

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

罗盘手表错误 - Mac OS X.

我已经运行sass和指南针几个月了,昨天我遇到了红宝石和一个无关项目的问题.所以最后我重新安装了ruby和sass.

从那时起,我不能再运行罗盘手表而不会出现以下错误.

##########:######### #########$ compass watch
/Users/#############/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/core_ext/kernel_require.rb:116:in `require': cannot load such file -- sass/script/node (LoadError)
    from /Users/#############/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/core_ext/kernel_require.rb:116:in `rescue in require'
    from /Users/#############/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/core_ext/kernel_require.rb:122:in `require'
    from /Users/#############/.rvm/gems/ruby-2.0.0-p247/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches/browser_support.rb:1:in `<top (required)>'
    from /Users/#############/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/core_ext/kernel_require.rb:51:in `require'
    from /Users/#############/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/core_ext/kernel_require.rb:51:in `require'
    from /Users/#############/.rvm/gems/ruby-2.0.0-p247/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:2:in `block in <top (required)>'
    from /Users/#############/.rvm/gems/ruby-2.0.0-p247/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:1:in `each'
    from /Users/#############/.rvm/gems/ruby-2.0.0-p247/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:1:in `<top (required)>'
    from /Users/#############/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/core_ext/kernel_require.rb:51:in `require'
    from /Users/#############/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/core_ext/kernel_require.rb:51:in `require'
    from /Users/#############/.rvm/gems/ruby-2.0.0-p247/gems/compass-0.12.2/lib/compass/sass_extensions.rb:9:in `<top (required)>'
    from /Users/#############/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/core_ext/kernel_require.rb:51:in `require'
    from /Users/#############/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/core_ext/kernel_require.rb:51:in `require'
    from /Users/#############/.rvm/gems/ruby-2.0.0-p247/gems/compass-0.12.2/lib/compass.rb:5:in `block in <top (required)>'
    from /Users/#############/.rvm/gems/ruby-2.0.0-p247/gems/compass-0.12.2/lib/compass.rb:4:in `each'
    from /Users/#############/.rvm/gems/ruby-2.0.0-p247/gems/compass-0.12.2/lib/compass.rb:4:in `<top (required)>'
    from /Users/#############/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/core_ext/kernel_require.rb:51:in `require'
    from /Users/#############/.rvm/rubies/ruby-2.0.0-p247/lib/ruby/site_ruby/2.0.0/rubygems/core_ext/kernel_require.rb:51:in …
Run Code Online (Sandbox Code Playgroud)

ruby macos sass

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

URL重写 - $ _GET变量不通过

我有一个简单的重写改变

http://website.com/page.php?id=1
Run Code Online (Sandbox Code Playgroud)

http://website.com/page/1
Run Code Online (Sandbox Code Playgroud)

使用以下重写

RewriteRule ^page/(\d+)/?$ /page.php?id=$1 [L]
Run Code Online (Sandbox Code Playgroud)

重写工作,它显示页面(我没有得到404),但它似乎没有从URL传递id.

为了测试这个我基本上回应了$ _GET ['id']并且没有返回任何内容.

有谁知道我为什么会出错?

非常感谢

php apache .htaccess mod-rewrite rewrite

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

Chrome上的数字输入类型和jquery .on('更改')函数的意外行为

我有一个输入类型的数字和一个jQuery .on('change')函数,每次输入的值更改时运行.

使用镶边时,如果你不断点击输入上的箭头来增加或减少数值(将鼠标留在箭头的可点击区域内),该功能会在前几次触发,然后停止.如果您然后将鼠标移动到箭头的可单击区域之外,则JavaScript函数将运行.

有人知道我该如何处理这件事吗?或者,如果有任何工作.

请参阅下面的示例.

$('#number').on('change', function(){
	console.log('change');
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" id="number"/>
Run Code Online (Sandbox Code Playgroud)

javascript jquery google-chrome onchange

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

CSS水平列表 - 垂直对齐多行链接

我有一个基于列表的水平导航栏,一切正常.但是我已经到了我有这么多导航项目的地步,我需要链接文本流到多行.

请参阅下面的codepen和css,了解我目前拥有的内容.

问题是有些链接只是单个单词,所以只需要在一行上.这些链接与多行上的链接不垂直对齐.(见链接)

请有人帮我解决这个问题,以便所有链接在中间垂直对齐.

谢谢

-

http://codepen.io/anon/pen/poKru

-

HTML

<ul class="group">
  <li><a href="#">This is<br />a Link</a></li>
  <li><a href="#">Another<br />Link</a></li>
  <li><a href="#">This link<br />is quite long</a></li>
  <li><a href="#">What can<br />I do...</a></li>
  <li><a href="#">...when<br />this happens?</a></li>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
  <li><a href="#">Link</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

CSS

ul {
  background: #001e78;
  border-radius: 5px;
  padding: 10px;
  margin: 0;
  width: 980px;
}

li {
  display: inline;
}

li:last-child a {
  border: none;
}

a {
  float: left;
  padding: 10px …
Run Code Online (Sandbox Code Playgroud)

html css navigation

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

Wordpress-类别和子类别的嵌套列表

我试图显示带有嵌套子类别的WordPress类别的列表。到目前为止,我只能获得父类别的列表或不包括父类别的子类别的列表,但我无法将两者结合在一起。

这是我要创建的结果:

  • 父类别
    • 子类别
    • 子类别
  • 父类别
    • 子类别
  • 父类别
    • 子类别
    • 子类别
    • 子类别

编辑:

这样做的想法是创建一个自定义类别页面。HTML如下:

<h1>Categories</h1>
<ul class="blocks">
    <li>
        <img src="http://placehold.it/250x250" alt="title" />
        <h2>Parent Category</h2>
        <ul class="models">
            <li><a href="#">Sub Category</a></li>
            <li><a href="#">Sub Category</a></li>
        </ul>
    </li>
    <li>
        <img src="http://placehold.it/250x250" alt="title" />
        <h2>Parent Category</h2>
        <ul class="models">
            <li><a href="#">Sub Category</a></li>
            <li><a href="#">Sub Category</a></li>
            <li><a href="#">Sub Category</a></li>
        </ul>
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

php wordpress wordpress-theming

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

显示购物车Grand Total而非Sub Total

在我的magento主题上,我在标题中总共有一个购物车.目前它显示了子总数,我只是想知道如何更改此值以显示总计.

这是模板中的代码

<?php echo Mage::helper('checkout')->formatPrice($this->getSubtotal()) ?>
Run Code Online (Sandbox Code Playgroud)

我尝试将getSubtotal()更改为getGrandtotal(),但它只返回0.

有人有任何想法吗?谢谢

magento

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

Javascript Regex - \\ d有效,但不是\ d

所以我第一次尝试了一些非常基本的RegEx,我被告知' \d'表示数字匹配.

请有人解释为什么只有下面的模式1带有双反斜线" \\d"才能在理论上不起作用.

查看Javascript正则表达式文档后,当您按照此链接时,它们还会包含流氓反斜杠.

var str = "123456",
    pattern1 = new RegExp("^\\d{6}$"),
    pattern2 = new RegExp("^\d{6}$");

if(pattern1.test(str)){
    alert('pattern 1 match!'); 
}else{
    alert('pattern 1 no match!'); 
}

if(pattern2.test(str)){
    alert('pattern 2 match!'); 
}else{
    alert('pattern 2 no match!'); 
}
Run Code Online (Sandbox Code Playgroud)

javascript regex

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