0
私はモーダルを1つ持ちたいと思います。モーダルでは、iframeで記事を表示しています。問題は私のソリューションが少し遅れていることです。変更する前に前の記事を見ることができます。イム使用してJS:動的なUikitモーダルを作成するには
function switchTitleMod1(title,id) {
document.getElementById("titleMod1").innerHTML = title;
document.getElementById("iframe").src = "index.php?option=com_content&view=article&id="+id+"&tmpl=component";
}
モーダルコード:
<div id="informacje" class="uk-modal">
<div class="uk-modal-dialog" >
<a onclick="resetTitleMod1();" class="uk-modal-close uk-close"></a>
<div id="titleMod1" class="uk-modal-header uk-text-bold uk-text-large uk-text-center"><h2>Zapisz si? na kurs</h2></div>
<iframe id="iframe"style="width: 100%;height:650px" scrolling="auto" frameborder="0" src="index.php?option=com_content&view=article&id="34"&tmpl=component" hspace="0">
</iframe>
<div class="uk-modal-caption">Copyright by MRP-KODER</div>
これは私がモーダルを呼び出す方法です:
<a onclick="switchTitleMod1('Szkolenia HACCP','42');" href="#informacje" data-uk-modal="{target:'#informacje',bgclose:false,center:true}" class="uk-button uk-button-medium uk-button-primary"> <i class="uk-icon-info uk-icon-justify"></i>Informacje</a>
私の質問です:jQueryの経由モーダルを作成する方法と、 DOMを削除するだけです。ページへのリンク:link "Informacje"をクリックすると、問題の内容が表示されます。