在 Backbone.js 中：在没有href的锚标记上显示cursor：pointer

62lalag4 于 2022-11-24 发布在其他

关注(0)|答案(1)|浏览(334)

在BackboneView的Backbone.Js中，我有一个如下所示的锚标记
<a class="btn-export" style="cursor: pointer">Export</a>
并创建btn-export类来触发锚标记上的click事件。
events: {'click .btn-export': 'exportInfo'}
我想显示光标指针，但不想添加内联样式。
是否有可能使用伪类或任何其他可能的方式来显示它。

backbone.js

来源：https://stackoverflow.com/questions/65775457/in-backbone-show-cursorpointer-on-anchor-tag-that-does-not-have-href

1条答案

按热度按时间

2fjabf4q1#

每个BackboneView都包含$el缓存的jquery对象。使用$el与使用jquery访问窗口的DOM相同，但仅限于DOM中存在的视图元素。您可以在此处找到有关el属性的更多信息。因此，在呈现视图后，您可以执行以下操作：

// when mouse enters the anchor tag
<ViewInstance>.$el.find(".btn-export").hover(function(){
  <View>.$el.find(".btn-export").css("cursor", "pointer");
}, 
function(){
  <ViewInstance>.$el.find(".btn-export").css("cursor", "default");
});

如果是jquery，请执行以下操作：

$("btn-export").hover(function1, function2);

或

你在一个单独的css文件中定义所有的样式，比如style.css，并声明你的类为：

.btn-export:hover {
  cursor: pointer
}

顺便说一句，你需要在你的HTML文件中包含这个CSS文件。希望你知道这一点。

赞(0）回复(0）举报 2022-11-24

我来回答

在 Backbone.js 中：在没有href的锚标记上显示cursor：pointer

1条答案

相关问题

热门标签

最新问答