小编Dav*_*mas的帖子

我有很多问题.如果我想要一个内联列表是一个特定的高度/宽度是否更好地使用display:inline;并设置<ul>元素的高度和宽度？或者我应该使用float:left;和应用overflow:hidden; 的<ul>元素？另外,应用边距/填充<li>元素还是<a>列表内部更好？如果你重置值,你甚至需要吗？每个人都会占用尽可能多的空间,或者最后一个孩子是否会更长时间以容纳多余的空间？

我的内容框已禁用,我尝试启用它.hover(),但问题是.hover()只在第一次悬停时有效,而不是每次都有效; 内容框类是.dboxcontent:

$('div.conbox').hover(function () {
    var activeID = $(this).attr('id');
    $('#' + activeID + ' .dboxcontent').show();
}, function () {
    var activeID = $(this).attr('id');
    $('#' + activeID + ' .dboxcontent').remove();
});

jsfiddle的例子

我想在图像上显示一个元素标题（工具提示大小）。我找到了当前元素的标题

$('.downloadPdf').mouseover(function(){
    var currentelement = $(this).attr('title');
});

downloadPdf 是元素上的常见类。

实际上，我在底部有一个菜单栏，其中有一些图标。这些图标是实用的。在这里，我希望每当用户将鼠标悬停在这些图标上时，他们的标题必须出现在图像上。这个图像什么都不是，只是一个工具提示形状。

但是如何将它附加到图像上？它的位置只能在元素上。那么我如何获得该职位。很困惑，在这个小任务上至少花费了 3 个小时。任何帮助，将不胜感激。当谈到有效地使用 css 时，我真是太糟糕了。

我正在使用WooCommerce插件。我创建了一个销售页面，并使用[sale_products]WooCommerce的简码。它完美地显示了所有销售产品，现在我希望如果没有销售产品，则消息将显示为“没有销售产品”。

像这样：

if(!empty([sale_products])) {
    [sale_products]
} else {
    // message
}

有什么办法可以解决这个问题？

我试图实现相当于用纯JavaScript编写的jQuery(下面):

$('input[name=\"myelementname\"]').keyup();

到目前为止,我还没有找到一个简单的解决方案.有任何想法吗？

我正在尝试做一个indexof函数.但我们不允许在javascript中使用它或任何内置函数.所以我创造了自己的.我将它上传到我们的测试仪中,但只有一个条件我没有遇到过.谢谢!

这是我的代码:

function indexofmyversion(searchChar,index) {
var a="";
for(var i=0; i<=searchChar.length; i++){
   if(searchChar[i] == index){
       return i;
    } 
} return -1; }

我有一些动态创建的选择菜单，有时还有一些内部没有任何选项的 optgroup。

我用一行 CSS 代码隐藏了它们。当时它在 Chrome 中工作（2016 年），但重新访问该网站我发现它不再工作。

optgroup:empty{display:none}

有什么方法可以判断它是否已被弃用？如果里面没有任何选项，我应该如何隐藏 optgroup 标签？

我遇到了一些麻烦display: none;

这个想法很简单：

我的网站上有步骤，当我们完成第一步时，我们会进入下一步，而当我们进入下一步时，上一步就会隐藏。

我检查了 JavaScript，它工作正常；我看到div的display属性是none，但它的孩子仍然存在；我会给出 JavaScript 以防万一。

const first = document.getElementById('first');
const second = document.getElementById('second');
const third = document.getElementById('third');

const stepNumber = document.getElementById('step-number');

const next_btn = document.getElementById('next-btn');
const prev_btn = document.getElementById('prev-btn');

stepNumber.innerHTML = '1';

prev_btn.addEventListener('click', () => {
  stepNumber.innerHTML = Number(stepNumber.innerHTML) - 1;
  updateStep();
});

next_btn.addEventListener('click', () => {
  stepNumber.innerHTML = Number(stepNumber.innerHTML) + 1;
  updateStep();
});

function updateStep() {
  console.log(stepNumber.innerHTML)
  switch (Number(stepNumber.innerHTML)) {
    case 0:
      console.log('here')
      location.href = 'http://127.0.0.1:8000/start/';
      break;
    case 1: …

我想要实现这个目标:

我找不到类似的东西,但这是我失败的尝试:

#one {
  width: 200px;
  height: 100px;
  background-color: white;
  box-shadow: 0px 0px 20px #2D8DBD;
  left: 50px;
  display: inline-block;
  margin-right: -100px;
}
#two {
  width: 200px;
  height: 100px;
  background-color: white;
  box-shadow: 0px 0px 20px #B22D2D;
  left: -50px;
  display: inline-block;
  margin-left: -50px;
  z-index: -1;
}

<center>
  </br>
  </br>
  <div id="one"></div>
  <div id="two"></div>
</center>

jsFiddle演示.

我正在使用bootstrap,所以我不认为只是制作另一个"渐变"图像会更简单.

此外,我尝试妥协:http://designposts.net/fresh-free-css3-and-html5-tutorials/但我的图像被圈起来,所以它原来是一个切割方块.