0

好的，所以我正在制作这个页面，导航面板很简单，当我根据链接名称单击链接时，它会将 html 附加到内容区域，这是本节的附加脚本

所以我的目标是输入框是 ID datepicker 我试图使用来自 jQuery 的 jQueryUI datepicker 函数，我在实际的 BODY 中测试了一个常规输入框，而不是通过 append 方法，它工作正常，我的问题是我猜单引号 vs 双引号，' vs "

我该如何解决这个问题？

 else if (this.id == "tour"){

        $("#content").empty();

        $("#content").append("<p>\

            <h2> Add Tour Dates </h2>\

            <form action='tourdates.php' method='post'>\

            <input type='text' name='title' placeholder='Title' id='title'>\

            <input type='text' name='venueName' placeholder='Vanue Name' id='venueName'>\

            <input type='text' name='venueStreetAdress' placeholder='Location Street Adress' id='venueStreetAdress'>\

            <input type='text' name='venueCity' placeholder='City' id='venueCity'>\

        <input type='text' name='venueState' placeholder='State' id='venueState'>\

            <input type='text' name='venueZip' placeholder='Postal Code' id='venueZip'>\

            <input type='text' name='datepicker' id='datepicker'>\

            <input type='text' name='time' placeholder='Time' id='time'> </p>\

            ");
4

1 回答 1

1

如果您有强烈的感觉与您的引号有关，请尝试缩小问题范围：您是否尝试将它放在一个单独的变量中并在那里进行引用？

var htmlStuff = "<p>\
    <h2> Add Tour Dates </h2>\...";
$("#content").append(htmlStuff);

但我认为您的问题与双引号/单引号无关，而是与设置链接以附加 HTML 并尝试在 DOM 中存在组件之前分配 UI 小部件的异步操作有关。

尽管我发现这对代码可读性非常不利，但一种选择是在追加后立即将另一个调用附加到定义 DatePicker 的函数（如“callBack”）。它应该工作，例如：

$('something').append(" <html stuff> ").defineDatePicker();

function defineDatePicker(){
    $('one of the elements within that html stuff').datepicker();
}
于 2012-12-18T09:40:30.037 回答