2016-11-29 4 views
-1

私はかなりWeb開発の新人です。私はこの問題を抱えています。それはおそらく単純なものですが、うまくいかないようです。モーダルダイアログを<a>からロードしています.Show()が機能していない可能性があります

リンクを使用してJavaScriptを実行する方法を解決しました。 javascriptはモーダルを開くはずですが、スクリプトは機能しません。

は、私はこれを使用しています私のスクリプトを呼び出すには:呼び出されるスクリプトは

<li> 
    <a data-toggle="modal" href="javascript:void(0)" onclick="showBugForm()"> 
     <i class="fa fa-fw fa-bug"></i> Report a Bug 
    </a> 
</li> 

です(私はそれが通過したかどうかをテストするためのスクリプトに「)、アラート(」置かれていたので、私はこの作品を確認しました) :

function showBugForm(){ 
    $('#repBug').modal('show');} 

私のモーダルの主な構造を以下に示します。私はボタンからモーダルを読み込むことができたのでモーダルに問題はないことを知っていますが、要素から適切にはできないようです。コンテキストのために、私はボタンの属性に 'data-toggle = "modal" data-target = "#repBug"'を追加してモーダルをロードすることができましたが、htmlリンクタグでも同じことをすることはできません。 )

<div class="modal fade" id="repBug" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
        <!-- Here's my Code --> 
     <div> 
    <div> 
<div> 

手がかりはありますか?

+0

質問を正しくしてください。あなたはPHPと2つの別々のファイルに言及したことはありませんでした。あなたはタグでphpタグについて言及していません。 –

答えて

0
<a data-target="#repBug" data-toggle="modal" href="#repBug"><i class="fa fa-fw fa-bug"></i> Report a Bug</a> 

これを試してください。問題を解決します。すべての機能を呼び出す必要はありません。あなたのモーダルは、このアンカータグをクリックすると直接開きます。私は追加する逃したので、私は持っていた問題だった

+0

ありがとうございます。 –

+0

私が提供した答えに満足すれば、あなたの質問に対する正解として選択してください。 –

0

<?php include_once('bug-form.php'); ?> 

私のindex.phpファイルに..私はバグフォーム」という名前の別のPHPファイルに記述されたコードを持っていたので。

関連する問題