Question

我正在尝试使用参数颜色设置一个函数。然后我尝试获取输入的输入文本，并根据输入的文本输入div的颜色。

我目前的尝试没有用，有什么帮助或想法吗？

html代码段

    <div class="bulb" id="bulb1"></div>
    <button id="setColor">Color set</button>
    <input type="text" id="colorText"></input>

jquery的

$( document ).ready(function() {


    $('#setColor').click(function()
    {
        $( "#colorText" ).is( color );

        setColor(color);

        $('#colorText').val('');

    });


});

function setColor(color){

    $('#bulb1').css({'background-color': color});   

}

Answer 1

这样做：

$( document ).ready(function() {


  $('#setColor').click(function()
  {
    var color = $( "#colorText" ).val();  // Get the color in the input box.

    setColor(color);

    $('#colorText').val('');

  });


});

function setColor(color){

   $('#bulb1').css({'background-color': color});   

}

在这里：http://jsfiddle.net/mwjfz7tq/

Answer 2

试试这个（我已经为你的div添加了一些高度和宽度，以便它可见）：

<div class="bulb" style="height:50px; width:50px" id="bulb1"></div>
<button id="setColor">Color set</button>
<input type="text" id="colorText"></input>

这是JS（我已将其更改为捕获文本并将其传递给setColor函数。）：

$( document ).ready(function() {

    $('#setColor').click(function()
    {
        var c = $( '#colorText' ).val();
        setColor(c);

        $('#colorText').val('');
    });
});

function setColor(color){
    $('#bulb1').css({'background-color': color});
}

为什么我的jQuery函数不通过参数并更改它？

2 个答案: