0

ユーザーがスクロールしたときにビューが表示されるようにしようとしていますが、問題があります。ビューは次のとおりです。

events: {
  "mouseenter": "showOptions",
  "mouseleave": "hideOptions",
},

showOptions: function() {
  $(this.el).find(".update-delete").addClass("visible");
},

hideOptions: function() {
  $(this.el).find(".update-delete").removeClass("visible");
},

関連する CSS は次のとおりです。

.update-delete {
  display: inline-block;
  margin-left: 5px;
  font-weight: bold;
  color: #777777;
  visibility: hidden;
}

.visibile {
  visibility: visible;
}

このクラスは、もともと可視性が非表示になるように設定されています。ただし、ホバーしても可視性は変わりません。

4

1 に答える 1

1

私はvisibilitycssを取り除き、代わりにandを使用displayし$.show/hideます：

.update-delete {
  display: inline-block;
  margin-left: 5px;
  font-weight: bold;
  color: #777777;
  display: none;
}

showOptions: function() {
  $(this.el).find(".update-delete").show()
},

hideOptions: function() {
  $(this.el).find(".update-delete").hide();
},

可視性が必要な場合は、最初に次のことを試してください。

showOptions: function() {
  $(this.el).find(".update-delete").css('visibility', 'visible');
},

hideOptions: function() {
  $(this.el).find(".update-delete").css('visibility', 'hidden');
},

それが機能する場合は、コードに簡単に適応できるはずです。

于 2012-05-09T04:25:36.107 に答える