Question

我收到了以下javascript代码：

        ArrayAdapter<AramaTuru> adapter = new ArrayAdapter<AramaTuru>(IsyeriAramaActivity.this,R.layout.simple_list_item_arama, listAramaTurleri);
    spnAramaSecenekler.setAdapter(adapter);

此代码在我的按钮<?xml version="1.0" encoding="utf-8"?> <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/kirmizi" android:gravity="center_vertical" android:padding="5dip" android:textColor="#FFFFFF" android:textSize="18dp" />上工作，因此它们可见，但我也希望在单击按钮时包含淡入淡出效果。这就是我加入function myProfileIn() { var showme = document.getElementById("myProfileTop").fadeIn(2000); showme.style.display = "inline"; var showme = document.getElementById("myProfileMain").fadeIn(2000); showme.style.display = "inline"; }的原因，但这不起作用。

这是激活功能的按钮：

"onclick="myProfileIn();"

以下是混合的两个元素（div）：

".fadeIn(1000)"

Answer 1

您遇到的问题是fadeIn()是一种jQuery方法。它在标准HTMLElement对象上不可用。另请注意，如果您想要在连续点击时切换元素的可见性，请使用fadeToggle()。

您还应该使用不显眼的Javascript来附加您的事件处理程序，因为on*事件属性现在被视为过时。正如你用jQuery标记了这个问题。以下是上述所有内容的实例：

$(function() {
  $('#profileButtonBox img').click(function() {
    $("#myProfileTop, #myProfileMain").stop(true).fadeToggle(2000);
  });
});

#myProfileTop,
#myProfileMain {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="profileButtonArea">
  <div id="profileButtonBox">
    <img id="profileButtonImg" src="yourimage.jpg" title="click me" />
  </div>
</div>

<div id="myProfileTop">myProfileTop</div>
<div id="myProfileMain">myPropfileMain</div>

如何在此javascript代码中添加fadeIn效果？

1 个答案: