Question

好吧所以我有这个页面即时制作，导航面板很简单，当我按照链接名称点击链接时，它将html附加到内容区域，这里是此部分的追加脚本

所以我的目标是输入框是ID datepicker我尝试使用jQuery的jQueryUI datepicker函数，我测试了实际BODY中的常规输入框而不是通过append方法它工作正常，我的问题是我猜测单个vs双重qoutation标记，'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>\

            ");

Answer 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();
}

append方法中的jQueryUI datepicker问题

1 个答案: