タイトルが言及しているように、クリックすると一部のコンテンツが表示され、サイドメニューのドロップダウンが非表示になるアコーディオンを作成しました。
css にアクセスして -1 の z-index を追加しようとしましたが、機能しましたが、アコーディオンをクリックできませんでした。
object.style.zIndex="-1" を Java スクリプトに追加しようとしましたが、それも機能しませんでした。アコーディオンを解体して、すべてのコンテンツを表示しました。
カスタム テーマで jquery UI を使用しており、html ドキュメントにこの JavaScript を少し追加しました。
$(function() {
$( "#accordion" ).accordion({
active:false,
collapsible: true
});
});
$(function(){
$("#accordion").accordion({
heightStyle:"fill"
});
});
$(function(){
$( "#accordion-resizer" ).resizable({
minHeight: 140,
minWidth: 200,
resize: function() {
$( "#accordion" ).accordion( "refresh" );
}
});
});
これは私が使用しているCSSであり、私が行った小さな変更は機能しましたが、ユーザーは何もクリックできませんでした.
#accordion-resizer{
padding: 10px;
width: 700px;
height: auto;
}
.ui-widget-content{
z-index:-1;
}
前に述べたように、カスタム テーマで jqueryUI を使用しています。お役に立てれば。前もって感謝します。