-3

我有三个大问题，为此我已经打开了两个主题。这是我的最后一期，对你这样的人来说很容易，但对我这样的人来说肯定不容易（我不知道 jquery 什么的）......

所以，这就是问题所在：我有一个（工作？）脚本，但我不能使用它，因为我没有它的 HTML 代码。您能否通过提供此代码来帮助我？提前感谢小伙子们！

仅供参考：这是一个名为“Modalpreview”的下载脚本，但下载的文件夹中没有 HTML 文件。

            (function($){

var $defaults = {
    fade:      'fast',
    allowHtml: false,
    opacity:   '0.7',
    text:      {
        preview: 'Preview',
        close:   'Close'
    }
};

var $o = $.extend($defaults, $options);

var _o = $(document.createElement('div')).css({
    display: 'none',
    opacity: $o.opacity
}).attr('id','overlay');

$('body').append(_o);

return this.each(function(){

    var _c = $(this);
    var _f = $(this).parents('form');
    var _b = _f.find('input[type=submit]');
    var _t = $(document.createElement('div')).addClass('preview_txt');
    var _h = $(document.createElement('p')).addClass('preview_header').text($o.text.preview+':');
    var _k = $(document.createElement('div')).addClass('preview_inputwrapper');
    var _d = $(document.createElement('div')).addClass('preview_div').css({
                display:'none'
             });
    var _p = $(document.createElement('input')).attr({
                 value:$o.text.preview,
                 type: 'button'
             }).addClass('preview_btn');
    /*
    var _s = _b.clone(true).click(function() {
        _f.find('*[name=submit]').attr('name','_submit');
        _f.submit();
    });
    */
    var _e = $(document.createElement('input')).attr({
                 value:$o.text.close,
                 type: 'button'
             }).addClass('edit_btn');
    _k.append(_e);
    _d.append(_h).append(_t).append(_k);
    _o.after(_d);
    _p.click(function() {
        if (_c.val().length < 1) {
            return;
        }
        _o.fadeIn($o.fade);
        var _i = (!$o.allowHtml) ? $$.removeTags(_c.val()) : _c.val();
        _t.html($$.parse(_i));
        _e.click(function() {
            _o.fadeOut($o.fade);
            _d.fadeOut($o.fade,function() { _t.empty(); });
            _c.focus();
        });
        _d.fadeIn($o.fade);
    });
    _b.before(_p);
});
4

2 回答 2

2

下载了插件后（来自：这里[从软百科的镜像下载，插件主页已经没有了]），我想出了如何使用它。

您的文本区域需要位于 中form，并且form需要有一个submit按钮。

因此，“缺少的 HTML”应该是：

<form>
    <textarea></textarea>
    <input type="submit" value="submit" />
<form>​​​​​​​​​​​​​​​​​​​​​​​

然后启用此功能的 jQuery 是：

$('form textarea').modalpreview();

演示：http: //jsfiddle.net/TqTXA/

于 2012-08-28T18:13:39.290 回答
0

根据您使用的浏览器 -

  1. 右键单击并“检查元素”以获取 chrome。
  2. IE 的开发者工具。
  3. FF 的萤火虫。
  4. 每个其他（现代）浏览器也有FirebugLite。
于 2012-08-28T17:35:39.997 回答