Как я могу использовать несколько страниц на одной странице?

Я попробовал приведенный ниже код для этого, но он добавляет кнопки прокрутки страницы только к первому .wmd-input.

введите здесь описание изображения

if ($(".wmd-input").length > 0) {
    var converter = new Markdown.Converter();
    var help = function () { alert("Do you need help?"); }
    var options = {
        helpButton: { handler: help },
        strings: {quoteexample: "whatever you're quoting, put it right here"}
    };
    var editors = [];
    var i = 0;

    $(".wmd-input").each(function() {
        editors[i] = new Markdown.Editor(converter, "", options);
        editors[i].run();
        i = i + 1;
    });
}

javascript jquery pagedown
person fozuse    schedule 02.12.2014    source источник
comment
Вы должны сами поставить решение в качестве ответа, а затем принять его (вместо редактирования вопроса). См.: blog.stackoverflow.com/2011/07. /   -  person Martin Tournoij    schedule 02.12.2014

Ответы (1)


arrow_upward
2
arrow_downward

Похоже, мне нужно добавить уникальный идентификатор для каждого элемента wmd. Я имею в виду wmd-input, wmd-preview и wmd-button-bar. Я изменил эти атрибуты id программно. Это можно сделать, изменив вручную, но моя длина входных данных является динамической.

  // make wmd's id's unique
  var pBox = $(this).parents(".box");
  $(pBox).find("textarea").attr('id', "wmd-input" + i);
  $(pBox).children("#wmd-preview").attr('id', "wmd-preview" + i);
  $(pBox).find("#wmd-button-bar").attr('id', "wmd-button-bar" + i);

Итак, когда этот атрибут ID установлен, я вызвал редактор с постфиксной переменной, и проблема была решена.

editors[i] = new Markdown.Editor(converters[i], i, options);

введите здесь описание изображения

 if ($(".wmd-input").length > 0) {
    var converters = [];
    var editors = [];
    var i = 1;
    $(".wmd-input").each(function() {
      converters[i] = new Markdown.Converter();
      var help = function () { alert("Do you need help?"); }
      var options = {
         helpButton: { handler: help },
         strings: {quoteexample: "whatever you're quoting, put it right here"}
      };

      // make wmd's id's unique
      var pBox = $(this).parents(".box");
      $(pBox).find("textarea").attr('id', "wmd-input" + i);
      $(pBox).children("#wmd-preview").attr('id', "wmd-preview" + i);
      $(pBox).find("#wmd-button-bar").attr('id', "wmd-button-bar" + i);

      editors[i] = new Markdown.Editor(converters[i], i, options);
      editors[i].run();
      i = i + 1;
    });
 }
person fozuse    schedule 02.12.2014