小编Ale*_*har的帖子

当我打开模态窗口时，textarea 中的 onfocus 文本值以蓝色突出显示。我不确定应该使用什么 CSS 属性从文本中删除突出显示的 onfocus 蓝色。我试过下面的，但它不起作用。

input[type="text"], textarea{
    outline: none;
    box-shadow:none !important;
    border:1px solid #ccc !important;
}

我正在尝试做一些我认为非常简单但没有太多运气的事情.我有两个长长的分数列表要比较,每对都在自己的div中.我正在寻找一个我可以指定div ID的函数,并在第三个div中反映出不同的函数.如果数字是正数,则应用一个类,如果是负数,则应用另一个类.

<style>
.positive {
color: green;
}
.negative {
color: red;
}
</style>


<div id = "score">50</div>
<div id = "benchmark">30</div>
<div id = "diff"></div>

在我的JavaScript中:

$(window).ready(function() {  
    $('#diff').html(diff);
});

var diff = calc("score", "benchmark");

function calc(divID1, divID2) {
      div1 = document.getElementById(divID1);
      metric = div1.innerHTML;
      div2 = document.getElementById(divID2);
      benchmark = div2.innerHTML;
      c = Math.abs(a) - Math.abs(b);
// this is the difference here
      return String(c);  
};

我加载了D3和JQuery.div列中的数字是通过其他函数动态生成的,因此我无法对样式进行硬编码.

我有以下实体:

包含订阅列表的帐户类:

public class Account
{
    /// <summary>
    /// Account ID
    /// </summary>
    public string ID { get; set; }

    /// <summary>
    /// A List with all subscriptions
    /// </summary>
    public IEnumerable<Subscription> Subscriptions { get; set; }
}

包含变体列表和附加内容的订阅类:

public class Subscription
{
    /// <summary>
    /// Subscription ID
    /// </summary>
    public string ID { get; set; }

    /// <summary>
    /// Quantity of the subscription.
    /// </summary>
    public int Quantity { get; set; }

    /// <summary>
    /// A list with all …

我有这个HTML代码

<ul>
<div id="consolidation-checkboxes-container" class="consolidation-checkboxes container" style="height: 104px;">                     
    <a href="" class="consolidation-link" target="_blank">
    <li>one</li>
    </a>
    <a href="" class="consolidation-link" target="_blank">
    <li>two</li>
    </a>
    <a href="" class="consolidation-link bordered" target="_blank">
    <li>three</li>
    </a>
    <a href="" class="consolidation-link" target="_blank">
    <li>four</li>
    </a>
    <a href="" class="consolidation-link" target="_blank">
    <li>five</li></a>
    <a href="" class="consolidation-link" target="_blank">
    <li>six</li>
    </a>
    <a href="" class="consolidation-link" target="_blank">
        <li>seven</li>
    </a>
    <a href="" class="consolidation-link" target="_blank">
        <li>eight</li>
    </a>

</div>
</ul>

我想第七个李没有子弹.这可能用css完成,因为我不允许更改html

我试图将文本(水平和垂直)居中,我对此有点困难.

这是我试过的,但只是水平居中,而不是垂直居中.

如何在中心获取此文本？

<div class="playerDetailsPage">
            <p>
                <h4>The text will be in the center</h4>
            </p>

        </div>

CSS

    .playerDetailsPage {
    background-color: #edd4d4; 
    width: 630px;
    height: 390px;
    text-align: center; 
    vertical-align: middle;
    line-height: 390px;
}

我有一些元素,他们是

 <h3></h3><ul></ul>
 <h3></h3><ul></ul>
 <h3></h3><ul></ul>

我想在所有这对中用jquery包装一个元素(div)

结果应该是

<div> <h3></h3><ul></ul> </div>
<div> <h3></h3><ul></ul> </div>
<div> <h3></h3><ul></ul> </div>

我怎样才能实现它jquery.wrap()？

我正在创建一个列表应用程序,我在显示列表项时遇到问题.我希望这些项目与彼此内联,如果它们从父div中溢出,它们只是继续流动并从视图中隐藏直到滚动到.

我遇到的问题是项目转到新行而不是继续沿x方向.我该怎么做才能防止这种情况并让它们相互内联并拥有父div,在溢出时滚动？

这是一个显示我的问题以及我希望产生的结果的图像:

http://i.imgur.com/lAwNA1h.png

所有帮助将不胜感激.

.container {
    background-color: rgba(255, 0, 255, 0.2);
    position: absolute;
    left: 10px;
    top: 10px;
    width: calc(100% - 200px);
    height: auto;
    overflow-x: auto;
}
.item {
    background-color: rgba(255, 0, 0, 0.2);
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}

<div class="container">
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
    <div class="item">
        <p class="itemContent">Text</p>
    </div>
</div>

我有一个列表,我想从单击按钮时删除第一个列表项

HTML代码

<div id="vakjesdiv">
    <ul>
        <li class="verwijder">
            <img class="aanbieding" src="images/jack.png" /><span id="timer"></span>

        </li>
        <li class="verwijder">
            <img class="aanbieding" src="images/kpn.png" /><span id="timer2"></span>
        </li>
        <li class="verwijder">
            <img class="aanbieding" src="images/mac.png" />
        </li>
        <li class="verwijder">
            <img class="aanbieding" src="images/pathe.png" />
        </li>
    </ul>
</div>
<button id="testbutton">Button</button>

jQuery代码

//AANBIEDING VERWIJDEREN

$("button").click(function () {
    $(".verwijder").remove();
});

我尝试了不同的东西,但我找不到问题.有人能帮帮我吗？:)

谢谢

我为具有相同逻辑的三个简单if else语句运行性能测试jsperf:

测试if1:

var a = "1";
if (a == "1") {
  a = "1"
} else {
  a = "2"
}

测试if2:

    var a = "1";
    if (a == "1")
      a = "1"
    else
      a = "2"

测试if3:

var a = "1";
a == "1" ? a="1" : "2";

谁能告诉我为什么测试if1是三个中最快的？

我第一次将测试if1与测试if2进行比较并测试if1是否为faseter.在我检查if1并测试if3并测试if1再次更快之后.现在我比较所有这些并测试if2更快.

这三个在一起

在Chrome 34.0.1847上测试过