0

クリックすると正常に機能するSimplyModalポップアップダイアログを作成しました

    <a href='#' class='confirm'>Demo</a>

ただし、Javascript内からこの「確認」cssクラスを呼び出すにはどうすればよいですか。私が試してみました...

    <script language="JavaScript" type="text/JavaScript">
       $(".confirm").click();
       ** Also tried this to but no good... **
       document.getElementsByTagName('body')[0].className = 'confirm';
    </script>

しかし、うまくいきませんでした。これはかなり簡単にできると思いますが、うまくいかないようです。

ありがとう、

フランクG。

***これが私が使用しているスクリプトです**** ** ***** SimpleModalモーダルダイアログの 確認 

    <!-- Page styles -->
    <link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' />

    <!-- Confirm CSS files -->
    <link type='text/css' href='css/confirm.css' rel='stylesheet' media='screen' />


    <!-- JS files are loaded at the bottom of the page -->
    </head>
    <body>
    <div id='container'>
<div id='logo'>
    <h1>Simple<span>Modal</span></h1>
    <span class='title'>A Modal Dialog Framework Plugin for jQuery</span>
</div>
<div id='content'>
    <div id='confirm-dialog'>
        <h3>Confirm Override</h3>
        <p>A modal dialog override of the JavaScript confirm function. Demonstrates the use of the <code>onShow</code> callback as well as how to display a modal dialog confirmation instead of the default JavaScript confirm dialog.</p>
        <input type='button' name='confirm' class='confirm' value='Demo'/> or <a href='#' class='confirm'>Demo</a>
    </div>

    <!-- modal content -->
    <div id='confirm'>
        <div class='header'><span>Confirm 123</span></div>
        <div class='message'></div>
        <div class='buttons'>
            <div class='no simplemodal-close'>No</div><div class='yes'>Yes</div>
        </div>
    </div>
    <!-- preload the images -->
    <div style='display:none'>
        <img src='img/confirm/header.gif' alt='' />
        <img src='img/confirm/button.gif' alt='' />
    </div>
</div>
    </div>


    <!-- Load JavaScript files -->
    <script type='text/javascript' src='js/jquery.js'></script>
    <script type='text/javascript' src='js/jquery.simplemodal.js'></script>
    <script type='text/javascript' src='js/confirm.js'></script>

    <script type="text/javascript">
  $('.confirm').dialog({modal:true});
      $('.confirm').modal();
  $(".confirm").click();

    $(document).ready(function(){
   $('.confirm').dialog({modal:true});
       $('.confirm').modal();
   $(".confirm").click();
     });​

    </script>

    </body>
    </html>
4

2 に答える 2

0

多分あなたはこのjqueryソリューションを試すことができます：

$("style[type=text/css]").text('@import url("*.css");');
于 2012-07-11T08:00:45.227 に答える
0

ページ読み込み時に呼び出すには、ドキュメントレディ内で呼び出すだけです。

$(document).ready(function(){
    $('#modal_div_id').modal(); // Id would be better (#confirm)
});​

これにより、ページの読み込み時に呼び出されます。class。という名前のページに1つしかないことを確認してくださいconfirm。

ドキュメンテーション。

ここにフィドル。

于 2012-07-11T08:10:07.183 に答える