Question

我正在尝试使用这个基本的jquery函数，所以我可以在我正在进行的网站的更大部分上使用相同的想法。现在正在查看代码一小时，我检查了jquery文档，以确保我在正确的位置选择了所有选择器，并且我使用了正确的选择器。

我只是不知道如何修复它所以当我点击按钮时，面板的字体颜色会发生变化。

    <div class="col-xs-3">
  <div id="panel4" class="panel panel-primary">
    <div class="panel-heading panel4">
      #panel4
    </div>
  </div>
</div>


<a class="btn btn-default" id="button" href="#" role="button">Link</a>

CSS

#button {
  outline: none;
}
#panel4 .panel4 {
  color: white;
}

jquery的

//playing around with panels and buttons in schedule tab
$(document).ready(function(){
  $('#button').on('click', function() {
    $('#panel4').find('.panel4').css({
      'color': 'red';
    });
  });
});

Answer 1

控制台是你的朋友。

中有语法错误

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.character_info);

    mCharacterInfoDrawerFragment = (CharacterInfo_Drawer_Fragment)
            getSupportFragmentManager().findFragmentById(R.id.navigation_drawer);

    openDB();
    String name = DBAdapter.getName(1);
    mTitle1 = name;
    closeDB();


    mCharacterInfoDrawerFragment.setUp(
            R.id.navigation_drawer,
            (DrawerLayout) findViewById(R.id.drawer_layout));



}

从//playing around with panels and buttons in schedule tab $(document).ready(function(){ $('#button').on('click', function() { $('#panel4').find('.panel4').css({ 'color': 'red'; }); }); });中删除分号，它应该有效。

Answer 2

请参阅控制台。

;个对象中还有一个css。

https://jsfiddle.net/p28jjo2u/1/

//playing around with panels and buttons in schedule tab
$(document).ready(function(){
  $('#button').on('click', function() {
    $('#panel4').find('.panel4').css({
      'color': 'red'
    });
  });
});

为什么这个Jquery Jfiddle不起作用？

2 个答案: