1

私のプロジェクトでは、ボタンを押すと画像をポップアップする必要があります。SimpleDialogプラグインを使用しようとしています。これはここで確認できます。私は自分のHTMLでこれを行っています

<p>This shows standard, default popup only mode.</p>
            <script type="text/javascript"> 
                $(document).delegate('#popupbut', 'click', function() {
                    $('<div>').simpledialog2({
                        mode: 'blank',
                        headerText: 'Some Stuff',
                        headerClose: true,
                        blankContent : 
                            "<ul data-role='listview'><li>Some</li><li>List</li><li>Items</li></ul>"+
                            "<a rel='close' data-role='button' href='#'>Close</a>"
                    })
                });
            </script>
            <a href="#" id="popupbut" data-role="button">Open Dialog</a>

JSとCSSを適切に含めました。しかし、何らかの理由でそれは機能しません。誰かアイデアがありますか？または、SimpleDialogプラグインの他の代替手段ですか？

敬具

------編集-------OK上記の例で動作するようになりました。でも今は画像だけを見せたいです。だから私は私のスクリプトでこれを行います。

    $(document).delegate('#opendialog', 'click', function() {
                    // NOTE: The selector can be whatever you like, so long as it is an HTML element.
                    //  If you prefer, it can be a member of the current page, or an anonymous div
                    //       like shown.
                          $('<div>').simpledialog2({
                        mode: 'blank',
                            headerText: 'Some Stuff',
                            headerClose: true,
                          blankContent : 
                            "<img src="images/schema.jpg" alt="schema" width="100" height="100" />"


 })
            })

しかし、これは機能しません。誰でも助けることができますか？

4

1 に答える 1

0

私の投稿を更新しました、これはうまくいくはずです。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.css" /> 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog2.min.js"></script>


</head>
<body>
<script type="text/javascript">
$(document).delegate('#opendialog', 'click', function() {
  $('<div>').simpledialog2({
    mode: 'blank',
    headerText: 'Some Stuff',
    headerClose: true,
    dialogAllow: true,
    dialogForce: true,
    blankContent : 
      "<img src=\"images/schema.jpg\" alt=\"schema\" width=\"100\" height=\"100\" />"+
      "<a rel='close' data-role='button' href='#'>Close</a>"
  })
})
</script>

<a href="#" id="opendialog" data-role="button">Open Dialog</a>

</body>
</html>
于 2012-04-19T07:40:07.180 に答える