6

StackOverflow で質問するのはこれが初めてですが、現在作成中の企業コードで困惑しています。単に .change() を受け入れないか、keyup にバインドしません。以前は問題はありませんでしたが、今日は機能しなくなりました。私のコードをチェックして、問題を引き起こす可能性のあるものがあるかどうかを確認してください。

フォーマットについて申し訳ありません、私は新しいです。

var currentContent = "null";
var customeri = "";
var optionsi = "";
var equipmenti = "";
var picturei = "";
$(document).ready(function() {
    $("#preview").hide();
    $("#previewPane").hide();
    $("#previewHeading").hide();
$(".uiFonts").click(function() {
    var clickedID = $(this).attr("id");
    if(clickedID !== null) {
        $("#main").hide();
        loadContent(clickedID);
    }
});

$("#Equipment").bind('change keyup', function() {
        equipmenti = $(this).val();
                    $("#preview").html('<br /><span class="reg">Customer Info<br /></span>'+customeri+'<br /><br /><span class="reg">Options<br /></span>'+optionsi+'<br /><br /><span class="reg">Equipment<br /></span>'+equipmenti+'<br /><br /><span class="reg">Picture:<br /></span><img src="'+picturei+'" />');
});
});
function loadContent(cID) {
$("#main").load(cID + ".html", function() {
    $("#main").slideDown(1500);
    $("#preview").fadeIn(1500);
    $("#previewPane").fadeIn(1500);
    $("#previewHeading").fadeIn(1500);
    currentContent = cID;
});
}

テキストエリアを含む .html ファイルは次のとおりです。

<p><span class="reg">Customer Info - Name, Address, Phone, Email</span><br />
<textarea name="Customer Info" class="textAreas inputs" id="Customer"></textarea>
<br />
<br />
<span class="reg">Trailer Options</span>
<br />
<textarea name="Options" class="inputs textAreas" id="Options"></textarea>
<br />
<br />
<span class="reg">Trailer Equipment</span>
<br />
<textarea name="Equipment" class="inputs textAreas" id="Equipment"></textarea>
<br>
<br>
<span class="reg">Picture URL</span></p>
<input type="text" id="picture" class="inputs"></input>

そして、私はそれらを一般的に次のようにバインドしようとしました:

$(".inputs").change(function() {
    customeri = $("#Customer").val();
    optionsi = $("#Options").val();
    //etc
4

2 に答える 2

1

ワーキングフィドル。確認するために、追加 <div id='test'/>し、$("#Equipment").bind('change keyup', function(e) { $('#test').append(e.type);キーアップを取得して、期待どおりに変更しました。

更新 イベントは両方とも発生しているため、問題は別の場所にあると思います。textarea(変更は、 を別の値で終了した後にのみ発生することをご存知ですか?)

于 2013-04-16T02:17:38.637 に答える