1

私はアロンで、JavaScriptの初心者です

これは私の問題です：

HTML のフォーム入力から新しいコンテンツを作成しようとしていますが、フォームに多くの文字を入力すると、新しい HTML が適切な幅で分割されません。

これを正しく説明したことを願っています。ここに私のサイトへのリンクがあります

これが私のJavaScriptです：

function plaatsMagnet()
    {

        console.log('plaatsMagnet');

        $('#magnetcontent').prepend('<div id="magnetjes" class="large-3 columns"></div>');

        var textmagnet = $('#textMagnet').val()
        var naammagnet = $('#inhoud').val()



        var 

        divTag = document.createElement("div");

        divTag.id = "magnetje";

              divTag.className =" panel";

              divTag.innerHTML =   "<h5>" + (naammagnet) + "</h5>" + "<p>" + (textmagnet) + "</p>";

        $('#magnetjes').append(divTag);


    };

皆さんが私を助けてくれることを本当に願っています！:)

4

1 に答える 1

0 
 jesCount = 0; // will keep the counter for magnetjes divs
 jeCount = 0; // will keep the counter for magnetje divs 

 // All the ids will be unique, magnetjes0,magnetjes1.... and magnetje0, magnetje1...
// if you can mantain an array instead it will be better.
// I have taken counters as global vars to show different id implementations for each div. I deally you should encapsulate such change in a function.

function plaatsMagnet()
{

    console.log('plaatsMagnet');

    $('#magnetcontent').prepend('<div id="magnetjes'+ jesCount +'" class="large-3 columns"></div>');

    var textmagnet = $('#textMagnet').val()
    var naammagnet = $('#inhoud').val()



    var 

    divTag = document.createElement("div");

    divTag.id = "magnetje" + jeCount; // will increment the current value and 
          jeCount++;
          divTag.className =" panel";

          divTag.innerHTML =   "<h5>" + (naammagnet) + "</h5>" + "<p>" + (textmagnet) + "</p>";

    $('#magnetjes'+jesCount).append(divTag);
     jesCount++;


};
于 2013-07-25T13:24:23.743 に答える