前提・実現したいこと
webでJqueryのプラグインであるMagnificpopupを使用してモーダルwindowを表示しようとしています。
表示する内容はすでにサーバー上にあるいくつかのページで、呼び出す箇所によってその内容も変えたいので
Magnificpopupを開く処理をjsライブラリとして使用するつもりです。
表示するページのUrlを呼び出し元がもっており、jsソースに書いたポップアップ処理に渡して開いてほしいのですが
通常のページ遷移になるだけで上手くポップアップ表示してくれません。
(jsファイルに記述した内容を切り分けずcshtml側に一緒に記述する事で上手く表示されるのは確認しています)
(ソースはコピペしたわけではないので構文ミスがありましたら申し訳ありません)
御知恵をお貸しいただければと思います。
Jquey ver3.3.1 Jqueryサイト
Magnificpopup ver1.1.0 Magnificpopup配布サイト(github)
開発環境はvisualstudio2017です。(ver情報は現在参照できないので記述できません)
(追記)
使用プラグインの情報を追記し、文章とタグを編集しました。
発生している問題・エラーメッセージ
popup表示されてほしいページ(入力系の画面)がpopup表示されず、通常のページ遷移になってしまう
該当のソースコード
cshtml側
javaScript
1$(fuction(){ 2 $(#Inp).click(function(){ 3 OpenPopup(this); 4 }); 5}); 6 7<a id="Inp" href=" url ">入力</a>
library.js
JavaScript
1fuction OpenPopup(info){ 2 $(info).magnificpopup({ 3 type: 'iframe', 4 }); 5}