-3

私には 3 つの大きな問題があり、そのために既に 2 つのトピックを公開しています。これは私の最後の問題です。あなたのような人にとっては非常に簡単ですが、私のような人にとっては確かに簡単ではありません (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

プラグインをダウンロードした後 (ここから [Softpedia のミラーからダウンロード、プラグインのホームページにはもうありません])、使い方がわかりました。

テキスト領域は で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. クロムの場合は、右クリックして「要素を検査」します。
  2. IE の開発者ツール。
  3. FFのファイアバグ。
  4. 他のすべての (最新の) ブラウザー用のFirebugLiteもあります。
于 2012-08-28T17:35:39.997 に答える