remodal.jsでページ内遷移のリンクでモーダルウインドウが閉じない

Question

remodal.jsを使用しています。

モーダルウインドウ内でページ内遷移のリンク（「#」タグ）を設定した場合に
クリックしてもモーダルウインドウが閉じません。
モーダルの後ろで移動はしているようなのですが。。。

クリックと同時にモーダルウインドウが閉じ、
ページ内遷移のリンク箇所に移動させる方法を知りたいです。

<ul> <li><a href="#tokyo">TOKYO</a></li> <li><a href="#hokkaido">HOKKAIDO</a></li> <li><a href="#tohoku">TOHOKU</a></li> </ul>

Answer 1

JavaScriptで起動させてコントロールするとか。

$( function() {
	var inst = $( '[data-remodal-id=modal]' ).remodal();
	$( document ).on( 'click', '.open-remodal', function() {
		inst.open();
		return false;
	} );
	$( document ).on( 'click', '.exit-remodal', function() {
		inst.close();
	} );
} );
```**動くサンプル：**
[https://jsfiddle.net/davu9vr7/](https://jsfiddle.net/davu9vr7/)

---

【GitHub - VodkaBears/Remodal: Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.】
[https://github.com/VodkaBears/Remodal#initialization-with-javascript](https://github.com/VodkaBears/Remodal#initialization-with-javascript)

【【jQuery】超簡単に実装できるモーダル・ポップアップ［Remodal］の使い方 - ONZE】
[http://on-ze.com/archives/4500](http://on-ze.com/archives/4500)

Comments

[koaya]

ありがとうございます！
無事に解決出来ました。