別のページからonclick要素を再表示しようとしています。
分解するには:[問題]ページを表示しているときに、[編集]ボタンがあります。[編集]ボタンをクリックすると、[メンバー]ページに移動します。そのメンバーのメンバー情報が表示されます。つまり、#memberInformationは現在オンロードで非表示になっています。Chrome開発ツールで非表示のタグを削除すると、プロファイルが正しく読み込まれます。
別のファイルからonclickで再表示する方法がわかりません。
$(document.body).on('click', '#editBtn', function () {
var mid = $("#memberID").val();
window.location = "new-member.html?mid=" + mid;
$('#memberInformation').removeClass('hidden');
});
#memberInformation IDは、new-member.htmlファイルに属しています。#editBtnIDはIssue.htmlファイルに属しています。
困った!
試みている方法で別のページを直接操作することはできません。フラグをどこかに(AJAX経由でURL / localStorage / sessionStorage / server側に)保存し、ユーザーを他のページに転送して、保存したフラグの存在を確認し、必要に応じて他の要素を表示/非表示にするだけです。次のページが読み込まれると
localStorageルートに移動するとしたら、どのようになりますか?
要素を切り替えるにはsetItem()
、issue.htmlページで使用してgetItem()
から、new-member.htmlページで使用する必要があります#memberInformation
。このようなもの:
// in issue.html
$(document).on('click', '#editBtn', function () {
var mid = $("#memberID").val();
localStorage.setItem('memberId', mid);
window.location.assign('new-member.html?mid=' + mid);
});
// in new-member.html, when the page loads
jQuery(function($) {
if ((localStorage.getItem('memberId')) {
$('#memberInformation').removeClass('hidden');
}
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加