小编Mee*_*eek的帖子

我有一些代码与很多if/else语句类似于:

var name = "true";

if (name == "true") {
    var hasName = 'Y';
} else if (name == "false") {
    var hasName = 'N';
};

但有没有办法缩短这些陈述？像? "true" : "false"...的东西

我有两个单选按钮.我希望能够获得已检查单选按钮的自定义属性"xmlvalue"的值.

我尝试过以下脚本:

var userType = $("input[name=ctrl_CustomerType]:checked", this).attr('xmlvalue');

标记:

<input type="radio" name="ctrl_CustomerType" id="ctrl_CustomerType_1" xmltag="CustomerType" xmlvalue="existingCustomer" checked="checked"> Yes
<br />
<input type="radio" name="ctrl_CustomerType" id="ctrl_CustomerType_2" xmltag="CustomerType" xmlvalue="newCustomer"> No

在这里小提琴

- 但我一直得到"未定义".

有任何想法吗？

我有一个脚本,可以通过html表动态搜索.见这里的例子.它工作正常,但<tr>如果用户在搜索字段中输入"aa" ,我希望出现带有字母"å"的字母.反之亦然.('å'相当于'aa','aa'相当于'å').

我想避免在标记中隐藏文本,而是在脚本中处理替代拼写.我想这可以通过创建某种特殊字符映射来完成 - 我只是不知道如何做到这一点.

有人有任何想法吗？

我正在尝试使用css动画一次显示3张图像(当前为12张).我想首先显示图像1-3,然后是4-6,然后是7-9,然后是10-12.

到目前为止我有这个,但我无法理解如何使用:第n个选择器显示3下一个而隐藏其余部分.

这或多或少是我到目前为止所拥有的:

#crossfade > img {
  max-width: 30%;
  height: auto;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  animation: imageAnimation 30s linear infinite 0s;
}

#crossfade > img:nth-child(n+3) {
  animation-delay: 6s;
}

@keyframes imageAnimation {
  0% {
    opacity: 0;
    animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    animation-timing-function: ease-out;
  }
  17% {
    opacity: 1
  }
  25% {
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

以下示例[ 或点击此处查看jsfiddle ]

#crossfade {
  height: 185px;
  width: 100%;
  position: relative;
}

#crossfade > img { …

我需要使用纯javaScript将一些html附加到现有元素:

function create(htmlStr) {
  var frag = document.createDocumentFragment(),
    temp = document.createElement('div');
  temp.innerHTML = htmlStr;
  while (temp.firstChild) {
    frag.appendChild(temp.firstChild);
  }
  return frag;
}

var target = document.querySelectorAll(".container-right");
var fragment = create(
  '<div class="freetext"><p>Some text that should be appended...</p></div>'
);
document.body.insertBefore(fragment, document.body.childNodes[0]);

它有点工作,但我有两个问题:

1. 如何确保将html片段附加到具有类的div container-right而不仅仅是正文？将最后一行更改为document.body.insertBefore(fragment, target);不起作用.

2. 如何在目标元素中的内容之后插入html - 在现有内容之后 - 如jQuery的append()？

任何帮助深表感谢.

JsFiddle在这里.

div {
  height: 50px;
  width: 100%;
  background-image: linear-gradient(to right, white 50%, red 46px);
}

body {
  padding: 20px;
}

<div></div>

我正在尝试使用线性渐变作为div.

可以div是任何宽度，我希望其中一种颜色具有以 px 为单位的指定宽度 - 而另一种颜色填充总宽度的剩余部分。这可能吗？

喜欢：

div {
  background-image: linear-gradient(to right, white auto, red 46px);
}

我有一个带有线性渐变背景的盒子,创建为双色纯色.一种颜色是44px - 其余颜色是另一种颜色,如下所示:

background: linear-gradient(to left, #365aa5 44px, #f5f5f5 0);

效果很好.现在我想使用边框图像线性渐变以相同的方式在此元素的顶部和底部添加双色边框 - 以便边框的颜色遵循背景的颜色.诀窍是使用线性渐变作为纯色.

我尝试过这样的事情:

border-image: linear-gradient(right, #365aa5 44px, #000 0);
border-style: solid;
border-width: 2px 0 2px 0;

但很明显,它不起作用.

我有什么想法可以使这项工作？

JsFiddle在这里.

我有一个标题和href值的链接列表.我希望能够单独获得这些值,但我总是得到第一个链接的值.这是为什么？ 看到我的小提琴.如您所见 - 在单击任何链接时,您始终可以从第一个链接获取值.我想设置这些变量是不够的:

var title = $('.mg_phones').attr('title');
var url = $('.mg_phones').attr('href');

有任何想法吗？

这个看起来很简单，但我不知道为什么它不起作用。我想替换变量中的部分字符串。

说，我有这个代码：

var url = "At vero eos et accusam et justo duo dolores et ea rebum.";
url.replace('At vero eos et accusam et ', '');

为什么不起作用？这个有效：

var url = "At vero eos et accusam et justo duo dolores et ea rebum.".replace('At vero eos et accusam et ', ''):

-- 但我在别处使用该变量，所以我想将替换保留在变量定义之外。

在这里摆弄。

我正在使用Slick Slider来显示一些幻灯片.我需要能够在幻灯片之间有不同的延迟.

这是我到目前为止 - 它适用于第一张幻灯片,但它被卡在第二张幻灯片上.这个错误对我来说没那么有用:"Uncaught TypeError:无法读取属性'add'of null" - slick.min.js:17.

代码:

var $slideshow = $('.slider');
var ImagePauses = [6000, 2000, 3000, 10000, 4000];

// Init
modifyDelay(0);

// Sliding settings
$slideshow.on('afterChange', function(event, slick, currentSlide) {
  modifyDelay(currentSlide);
});

// Slider config
function modifyDelay(startSlide) {
  $slideshow.slick({
    initialSlide: startSlide,
    autoplay: true,
    autoplaySpeed: ImagePauses[startSlide],
    fade: true
  });
}

jsFiddle在这里.

有什么想法有什么不对？