小编Mar*_*der的帖子

溢出里面的下拉菜单溢出隐藏的父级

我有这个下拉菜单,由于#parent的溢出被隐藏而被切断.有没有办法让#down的溢出部分显示在#parent之外,同时保持#parent的溢出隐藏?

http://jsfiddle.net/vXuuA/

  <div id="parent">
    <ul>
      <li class="dropdown">
        <a href="#">Lorem</a>
        <ul>
          <li><a href="#">Ipsum</a></li>
          <li><a href="#">Dolor</a></li>
        </ul>
      </li>
    </ul>
  </div>
Run Code Online (Sandbox Code Playgroud)

a {
  color: white;
}
#parent {
  height: 100px;
  background: blue;
}
.dropdown ul {
  width: 100px;
  display: none;
  padding: 50px;
  background: black;
}
Run Code Online (Sandbox Code Playgroud)

$(".dropdown").hoverIntent({
  over: function() {
    $("ul", this).show();
  },
  out: function() {
    $("ul", this).hide();
  },
  timeout: 500
});
Run Code Online (Sandbox Code Playgroud)

要求:http://cherne.net/brian/resources/jquery.hoverIntent.minified.js

css overflow drop-down-menu

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

何时使用Hashie :: Mash?

努力从这个JSON API中获取一些产品,我想知道 - 我真的需要Hashie::Mash吗?

实时应用:http://runnable.com/U-QJCIFvY2RGWL9B/pretty-json-keys

main_controller.rb:

response = prettify(JSON.parse(@json_text))
mashie = Hashie::Mash.new(response)

@products = []
mashie.products.each do |product|
  product.extend Hashie::Extensions::DeepFetch

  product.price = product.deep_fetch :sale_price

  @products << product
end
@products
Run Code Online (Sandbox Code Playgroud)

我试过这个:

response = prettify(JSON.parse(@json_text)['products'])

@products = []
response.each do |product|
  product.extend Hashie::Extensions::DeepFetch

  product.price = product.deep_fetch :sale_price

  @products << product
end
@products
Run Code Online (Sandbox Code Playgroud)

但是返回:

Hashie::Extensions::DeepFetch::UndefinedPathError in MainController#index
Could not fetch path (sale_price) at sale_price
Run Code Online (Sandbox Code Playgroud)

ruby hash json ruby-on-rails

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

为什么顶部衬垫不适用于我的锚?

我在另一个div内的div里面有一个锚点.由于某种原因,顶部填充不适用于它,但底部和侧面填充将.谁知道为什么?

* {
    margin: 0;
    padding: 0;
}
.box a {
    border: 1px solid blue;
    padding: 60px 15px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="wrapper">
    <div class="box">
        <a>Test</a>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

css

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

`rails s`不再绑定到10.0.0.4:3000

我只是在运行OpenBSD 5.7的VirtualBox上使用Rails 4.2设置了Ruby 2.2.0,但为什么我在做什么时无法连接到http://10.0.0.4:3000/rails s

% rails s
=> Booting Puma
=> Rails 4.2.0 application starting in development on http://localhost:3000
=> Run `rails server -h` for more startup options
=> Ctrl-C to shutdown server
Puma 2.11.0 starting...
* Min threads: 0, max threads: 16
* Environment: development
* Listening on tcp://localhost:3000
Run Code Online (Sandbox Code Playgroud)

但是,如果我明确定义IP和端口,它确实有效:

% rails s -p 3000 -b 10.0.0.4
=> Booting Puma
=> Rails 4.2.0 application starting in development on http://10.0.0.4:3000
=> Run `rails server -h` for …
Run Code Online (Sandbox Code Playgroud)

virtualbox ruby-on-rails puma

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

为什么默认的 Chart.js 图例框是透明矩形?

为什么默认的 Chart.js 图例框是这样的透明矩形:

在此处输入图片说明

我该如何让它们变成像这样的实心方块?我浏览了http://www.chartjs.org/docs/latest/configuration/legend.html但找不到任何相关内容。

在此处输入图片说明

https://jsfiddle.net/askhflajsf/7yped1d5/(使用最新的主分支构建

var barChartData = {
  labels: ["2013-03-09", "2013-03-16", "2013-03-23", "2013-03-30", "2013-04-06"],
  datasets: [{
    borderColor: "#3e95cd",
    data: [10943, 29649, 6444, 2330, 36694],
    fill: false,
    borderWidth: 2
  },
  {
    borderColor: "#ff3300",
    data: [9283, 1251, 6416, 2374, 9182],
    fill: false,
    borderWidth: 2
  }]
};

Chart.defaults.global.defaultFontFamily = "'Comic Sans MS'";
// Disable pointers
Chart.defaults.global.elements.point.radius = 0;
Chart.defaults.global.elements.point.hoverRadius = 0;

var ctx = document.getElementById("bar-chart").getContext("2d");
new Chart(ctx, {
  type: 'line',
  data: barChartData,
  options: {
    responsive: true,
    legend: …
Run Code Online (Sandbox Code Playgroud)

javascript chart.js

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

从 MapBox GL 徽标中删除不必要的阴影

当前的 MapBox 归属徽标显然是制作的,因此它可以在浅色和深色背景上显示:

在此处输入图片说明

然而,从平面设计的角度来看,这种通用显示器的代价是看起来不专业。

有没有办法用无影版本替换它,或者完全替换它以支持回到常规文本版本?

mapbox mapbox-gl-js

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