尝试更改 jquery 上一个和下一个按钮

Question

我正在尝试修改从 api 调用获得的时间表。除了 prev 和 next 按钮，我可以修改 css 中的所有内容。我不知道 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/