试图更改jquery Prev和Next Button

Question

我正在尝试修改我从api调用中获取的时间表。我可以修改css中的所有内容，除了prev和next按钮。我不知道Jquery这就是我难以理解的原因。如果有人可以给我一些方向或示例，将会很有帮助 -

目前我已修改它看起来像这样，虽然我无法修改按钮，因为我不知道这个生成的位置以及如何在这两个按钮div之间放置一个新图标 -

我正在努力实现这个目标 -

以下js用于调用api并使其成为未来12周的每周视图。 -

drupal_add_js(
'https://api3.libcal.com/js/hours_grid.js?002',
array(
  'type' => 'external',
  'scope' => 'footer',
)
);
drupal_add_js(
'(function($) { 
  var week0 = new $.LibCalWeeklyGrid( $("#s-lc-whw0"), { iid: 1131, lid: 0,  weeks: 12 }); 
  })(jQuery);',
array(
  'type' => 'inline',
  'scope' => 'footer',
)
);

如果需要任何其他信息，请告知我们。

Answer 1

看起来您应该能够使用按钮上的CSS类名设置箭头样式：

.s-lc-vhw-pr {
  /* styles for previous button */
}

.s-lc-vhw-ne {
  /* styles for next button */
}

至于将图标放在两个按钮之间，您可以尝试在第一个按钮后使用CSS伪元素::after，以使其显示在那里，如果它只是一个视觉元素。

.s-lc-vhw-pr::after {
  /* can create a placeholder element which would have the calendar icon as a background image */

}

这是一个粗略的例子： https://jsfiddle.net/g9r5g8x0/