1

我是 Jquery 的新手，并试图在我的项目中使用它。

我有一个页面，使用 bPopup。在 bPopup 中，我在弹出 div 中包含 nicedit。但是富文本工具栏似乎搞砸了。谁知道怎么修它？

下面是输出的代码和示例。

在此处输入图像描述

nicedit 的工具栏似乎混淆了方向。但是当我在普通网页（没有弹出窗口）中使用 nicedit 时，它可以完美地工作。

index.php----

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <script type = "text/javascript" src = "http://code.jquery.com/jquery-1.7.2.min.js"></script> <!--This is for the interface-->
    <script type = "text/javascript" src = "http://dinbror.dk/downloads/jquery.bpopup-0.7.0.min.js"></script>
    <script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> 

</head>
<body>

<button>POP IT UP</button>

<div style = "position: relative; display:none; width:500px; height:500px; background-color:white; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 25px 5px #999;">

<textarea id = "area1" name = "area1" cols = "40">
This is the default text in text box.
</textarea>
<script>
bkLib.onDomLoaded(function() {
    new nicEditor().panelInstance('area1');

});
</script>
</div>



<h1 style = "background-color : white">This is the content
   <script>
    // Semicolon (;) to ensure closing of earlier scripting
    // Encapsulation
    // $ is assigned to jQuery
    ;(function($) {
         // DOM Ready
        $(function() {

            // Binding a click event
            // From jQuery v.1.7.0 use .on() instead of .bind()
            $('button').on('click', function(e) {

                // Prevents the default action to be triggered. 
                e.preventDefault();

                // Triggering bPopup when click event is fired
                $('div').bPopup({
                    position: ['auto', 'auto'], //x, y
                    modal: true, //A transperant black layer behind
                    positionStyle: 'fixed', //Fix the popup in the middle
                    scrollbar: false,

                });

            });

        });

    })(jQuery);
    </script>


</body>
</html>
4

0 回答 0