Question

在表单输入正确的情况下，尝试通过jquery设置样式的更改无法真正发挥作用。这是一个小提琴

<div id="protectimages">
Image Library Password
<input class="libaccess" type="password" name="pwd"></input>
<a class="libenter"  href="#">enter</a>
</div>

和jquery

$(document).ready(function(){
$("libenter").click(function(){

 if ( $(".libaccess").val() != test ) {
    $(".protectimages").css('background-color','f6f6f6');
}

});
});

我的错误在哪里？

以下所有评论编辑。这是小提琴 http://jsfiddle.net/soloveich/LvXb2/2/

Answer 1

  put this code in your <head> :-
  <head>
   <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
   <script>
    $(document).ready(function(){
    $(".libenter").click(function(){

     if ( $(".libaccess").val() != "test" ) {
       $("#protectimages").css('background-color','#f6f6f6');
     }

   });
 });
 </script>
 </head>

 You missed to call the click event by class ".libenter". One more thing "test" should be in string form.

还使用div的#id;＃protectimages＆＃34;。您尚未提供jQuery库的参考。如果不使用jQuery库，则无法使用$。

Answer 2

根据您上次编辑的小提琴http://jsfiddle.net/soloveich/LvXb2/2/，我回答了

将$(".protectimages")更改为$("#protectimages")

和

if ($(".libaccess").val() != test) {至if ($(".libaccess").val() != 'test') {

尝试

$(document).ready(function () {
    $(".libenter").click(function () {

        if ($(".libaccess").val() != 'test') {
            $("#protectimages").css('background-color', '#f6f6f6');
        }

    });
});

http://jsfiddle.net/tamilcselvan/LvXb2/4/

注意：在小提琴中添加jquery

通过jquery在形式条件下动态改变风格

2 个答案: