小编Jon*_*now的帖子

我目前正在构建我的第一个 WordPress 模板（使用 Bootstrap 4），我需要将面包屑集成到我的页面中。我可以看到我们目前使用的主题也提供了面包屑，但由于这些是默认的面包屑，这还远远不够。

我的意思是，默认面包屑很简单：
主页/类别/子类别/页面

我需要构建的更像是：
Home / Category / Subcategory / Page 以及，但是当您悬停 Category 或 Subcategory 时，您应该会看到当前所选选项的子项。

e.g. hovering HOME will display the available categories:

Home / Category / Subcategory / Page
  |
Category A
Category B
Category C


Or, to see the other available subcategories, it will look like this:

Home / Category / Subcategory / Page
         |
       Subcategory A
       Subcategory B
       Subcategory C

我已经为静态页面构建了这个。代码如下所示：

<div class="d-none d-md-block">
     <div class="dropdown">
          <div class="dropdown-menu">
               <a class="dropdown-item" href="~/Category1">Category 1</a> …

我必须使用HTML,CSS和jQuery为飞机构建座位图.一般来说这没问题,但我不知道如何在飞机上添加机翼.目前,我标记了座椅(放置在机翼上方),外边缘较暗.但这并不好.我想在飞机本身必须增加一些"翅膀".或者,如果不是翅膀式,至少应该在"外面的飞机"上有一个边界.任何想法如何做到这一点？

<div id="seatmap">
    <div id="plane">
        <table class="rows">
        <tr>
            <td>F</td>
        </tr>
        <tr>
            <td>D</td>
        </tr>
        <tr>
            <td></td>
        </tr>
        <tr>
            <td>C</td>
        </tr>
        <tr>
            <td>A</td>
        </tr>
        </table>

        <div id="cabin">        
            <table>
            <tr>
                <td title="1F" class="seatAvailable"></td>
                <td title="2F" class="seatUnavailable"></td>
                <td title="" class="noSeatGalley"></td>
                <td title="4F" class="ExtraPay"></td>
                <td title="5F" class="seatAvailable wingSeat"></td>
                <td title="6F" class="seatUnavailable wingSeat"></td>
                <td title="7F" class="seatAvailable wingSeat"></td>
                <td title="8F" class="noSeatStorage wingSeat"></td>
                <td title="9F" class="seatAvailable"></td>
                <td title="10F" class="seatAvailable"></td>
                <td title="11F" class="seatAvailable LargeSeat"></td>
            </tr>
            <tr>
                <td title="1D" class="seatAvailable"></td>
                <td title="2D" class="seatUnavailable"></td>
                <td title="" class="noSeatGalley"></td>
                <td title="4D" class="ExtraPay"></td>
                <td …

可能已经有人问过类似的问题，但请仔细阅读详细信息。

我正在使用一种自制的自动完成功能，现在我想突出显示结果集中的搜索词。到目前为止，这有效，但仅适用于纯文本。问题是：如果结果div中有一个，我需要保留html结构。请参阅我的示例：目前我正在丢失包含粗体的跨度。我怎样才能留住它们？

感谢您的任何建议！

$('#box').keyup(function () {
  const valThis = this.value;
  const length  = this.value.length;

  $('.objType').each(function () {
    const text  = $(this).text();
    const textL = text.toLowerCase();
    const position = textL.indexOf(valThis.toLowerCase());

    if (position !== -1) {
      const matches = text.substring(position, (valThis.length + position));
      const regex = new RegExp(matches, 'ig');
      const highlighted = text.replace(regex, `<mark>${matches}</mark>`);

      $(this).html(highlighted).show();
    } else {
    	$(this).text(text);
      $(this).hide();
    }
  });

});

input[type="text"] { 
    width: 50%;
    margin:10px;
    padding: 5px;
    float:left;
    clear:left;
}
div{
  float:left;
  clear:left;
  margin:10px 10px;
}
.bold {
  font-weight: …

我想画一个纯html和CSS的飞机.我目前的地下室是:http: //jsfiddle.net/SchweizerSchoggi/rq2ukwfk/

<div id="plane"></div>

#plane { 
  height: 100px;
  background-color: #ccc; 
  border: solid 1px #000; 
  border-radius: 120px 0 0 120px; 
}

我想让左侧的"驾驶舱"更加椭圆形,而不是圆形.有没有机会实现这一点？谢谢你的帮助!

我已经启动并运行了一个数据表，目前我已经通过添加手动定义了日期格式

$.fn.dataTable.moment("DD.MM.YYYY");

在定义数据表本身之前：

var myTable = $('#authors').DataTable({
    "paging": false,
    "ordering": true,
    "order": [2, "desc"],
    "info": false,
    "stateSave": true,
    "responsive": true,
    "columnDefs": [
        { targets: "noSort", orderable: false }
    ]       
});

如您所见，我们目前正在使用德语日期格式。但是有可能在那年晚些时候我们不得不使用其他格式。

有没有一种方法可以自动检测给定日期列的值，以便我可以对该列进行正确排序？还是我总是必须手动定义日期格式？

我想要的是该系列的动态版本

$.fn.dataTable.moment("DD.MM.YYYY");

它应检测到“哦，该列中的值为'29 .04.2019'，这是德语日期格式，定义为dd.mm.yyyy”，并使用此格式进行进一步排序。

或者，如果值改为“ 04/29/2019”，则应将其识别为美国日期格式，并使用“ mm / dd / yyyy”进行排序。

目前，我不知道该应用程序将支持多少种不同的日期格式。我想它将是5个或更多。但是在一个表中，将仅使用一种格式。

我正在尝试将字符串和数字组合到动态生成的变量中。目前是这样试的：

const ElementCount = 2;

for (i = 1, i <= ElementCount, i++) {
    let SampleVariable[i] = "test";
}

ElementCount 稍后将是动态的。

上面函数的结果应该是这样的：

SampleVariable1 = "test"
SampleVariable2 = "test"

我的代码似乎是错误的 - 我需要在这里更改什么？解决方案也可以是原生 JS 或 jQuery。

非常感谢！

我为4行文本创建了一个文本淡入淡出动画。线条接连出现，到目前为止，还可以。现在，要求对所有这些动画进行无限循环。因为我对CSS动画还很陌生，所以我真的不知道该如何处理。我想我可能将整个事情设置错了。但是如何重建它，使我拥有所有4行的无限动画？

感谢您的提示！

PS：我附上代码片段，这也是那些喜欢的小提琴手：https : //codepen.io/SchweizerSchoggi/pen/xxKXyyv

PS2：我的问题与5年前另一位用户提出的另一个问题接近或相似，但是那个没有得到答案。这就是为什么我在这里和今天问我的问题。至少我得到了一个有帮助的答案。

body {
  font-size: 62.5%;
  font-family: Arial;
}

.animation-box {
  width: 75%;
  height: 30rem;
  background-color: darkblue;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}



@keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 1;
  }

  100% {
    opacity: 0%;
  }
}

.animation-box h1 {
  position: absolute;
  left: 5%;
  top: 0;
  font-size: 4em;
  color: white;
  font-weight: 400;
}

.first-line,
.second-line,
.third-line,
.fourth-line {
  font-size: 3em;
  position: absolute;
  left: 5%;
  top: 20%;
  opacity: 0; …