2012-12-18 47 views
0

好吧,所以我有这个页面即时制作,导航面板很简单,当我点击一个链接根据链接名称附加HTML到内容区域,这里是这个附加脚本部分jQueryUI datepicker问题在追加方法

所以我的目标是输入框是ID datepicker im试图从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>\ 

      "); 

回答

1

如果您有强烈的感觉,认为这与您的引号有关,请尝试缩小问题的范围:您是否尝试将其放入一个单独的变量中,并在那里进行引用?

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

但我不认为你的问题是关系到双/单引号,但与建立链路追加HTML和尝试分配的UI控件的异步操作在DOM之前存在的组件。

尽管我觉得代码的可读性非常糟糕,但一种选择是在追加后立即将另一个调用附加到定义DatePicker的函数(如“callBack”)。它应该工作,如:

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

function defineDatePicker(){ 
    $('one of the elements within that html stuff').datepicker(); 
} 
+0

即时通讯将尝试添加我的HTML以不同的方式,通过体内的hiddin股利和调用一个函数来显示div的内部HTML,但我会努力你的方法,以及看看它如何发挥出来,并尽快找回你。非常感谢您的协助! –

+0

只是一个更新,你的答案解决了我的问题,如果我用我的原始方法追加,但我现在想出了一个新的更好的方式来追加东西,所以我不会使用这种方法,我会回来以后,发布一个链接到我的新的追加方法,当完善它。感谢您的帮助@theMarceloR –