【お使いの unitone のバージョン】18.0.0
【お使いのブラウザ】FireFox
【当該サイトのURL】
### 実現したいこと
UNITONE タブブロックを設置したページに特定のタブが開いた状態でアクセスしたい
aaa.com/bbb#ccc などのリンクで#cccのタブが開いた状態のページアクセスとしたい
### 発生している問題
JSでいくつか記述を試していますがプラグインの制御などがあるようでうまく動かない状態です
### 試したこと
以下のソースなどをタブのある固定ページ等に入れ試してみていますが（すみません、JSに詳しくなくチャットGPTにて試している状態です）
そもそもこの方向でかなえようとしているのが難しいという状況でしょうか…
<script>
document.addEventListener("DOMContentLoaded", function () {
const hash = window.location.hash.replace(‘#', ");
if (!hash) return;
// 該当タブが確実にDOMにあるかを確認してから実行
const tryActivateTab = () => {
const tab = document.querySelector('.unitone-tab[aria-controls="${hash}"]');
if (tab) {
tab.click(); // Interactivity APIのアクションを発火
// URLからハッシュを除去（不要ならコメントアウト）
history.replaceState(null, null, ‘ ‘);
return true;
}
return false;
};
// タブが初期化されるまで繰り返しチェック（最大2秒間）
const maxWait = 2000;
const interval = 100;
let waited = 0;
const intervalId = setInterval(() => {
if (tryActivateTab() || waited > maxWait) {
clearInterval(intervalId);
}
waited += interval;
}, interval);
});
</script>
又は以下など
<script>
document.addEventListener("DOMContentLoaded", function () {
const hash = window.location.hash.replace(‘#', ");
if (!hash) return;
const trySwitchTab = () => {
const tabContainer = document.querySelector(‘[data-wp-interactive="unitone/tabs"]');
if (!tabContainer || !window.wp?.interactivity?.state) return false;
const state = wp.interactivity.state.getStore(‘unitone/tabs');
if (state) {
state.current = hash;
history.replaceState(null, null, ‘ ‘);
return true;
}
return false;
};
let waited = 0;
const maxWait = 2000;
const interval = 100;
const timer = setInterval(() => {
if (trySwitchTab() || waited >= maxWait) {
clearInterval(timer);
}
waited += interval;
}, interval);
});
</script>
により6ヶ月、 2週前に更新されました。
