2014-01-18 57 views
0

我想自動完成添加到我開發 我用的JQuery 我follwed本例自動完成在的Joomla

http://af-design.com/blog/2010/05/12/using-jquery-uis-autocomplete-to-populate-a-form/

的工作爲例良好,但有一些問題的Joomla組元

1 - 當你與Joomla添加JQuery的你有一些問題mootlools 文我加入jQuery的與此代碼

if(!JFactory::getApplication()->get('jquery')) 
     { 
      JFactory::getApplication()->set('jquery',true); 
      $document = JFactory::getDocument(); 
      $document->addScript(JURI::root() . "administrator/components/com_tkcontrack/assets/js/jquery.js"); 
     } 
     if(!JFactory::getApplication()->get('jquery.min')) 
     { 
      JFactory::getApplication()->set('jquery.min',true); 
      $document = JFactory::getDocument(); 
      $document->addScript(JURI::root() . "administrator/components/com_tkcontrack/assets/js/jquery.min.js"); 
     } 
     if(!JFactory::getApplication()->get('jquery-ui.min')) 
     { 
      JFactory::getApplication()->set('jquery-ui.min',true); 
      $document = JFactory::getDocument(); 
      $document->addScript(JURI::root() . "administrator/components/com_tkcontrack/assets/js/jquery-ui.min.js"); 

     } 

我得到Mootools的一些JavaScript錯誤(感謝對螢火蟲)

2 - 即使我認爲一些CSS不工作了

那麼有人可以請幫我autcomplete添加到Joomla componene,以及如何添加了jQuery的Joomla不必問題

其實我試圖添加的JQuery與onther方式,編輯這個文件 \圖書館\的Joomla \文件\ HTML \渲染

,但我沒有工作,我有問題與jQuery日en

+0

使用JQUERY UI什麼您使用的是Joomla版本? – Lodder

+0

1.5 - 我必須爲它工作 - – Rad

回答

1

不確定錯誤是什麼,但它聽起來像是衝突。

首先,你正在使用正確的方法來確保你的腳本只被導入一次,但是檢查Firebug看看你是否只有一個被導入以防萬一。然後,您將需要調用noConflict像這樣:

$document = JFactory::getDocument(); 
$document->addScriptDeclaration($noconflict); 

什麼你也做進口jQuery和jQuery UI的只有一次,在noConflict模式是使用jQuery Easy插件:

其中一個功能,將適用於你的是:

  • 地方的jQuery庫MooTools的要求完美兼容後

希望這有助於

+0

那麼我不明白$ document-> addScriptDeclaration($ noconflict)中的$ nonconflict是什麼?是?以及螢火蟲顯示的問題是TypeError:document.getElementsBySelector不是mootools.js文件中的函數,當我重看JQuery聲明時什麼都沒有錯 – Rad

+0

你在哪裏添加這段代碼? – Lodder

+0

view.html。在父:: display($ tpl)之前的視圖文件夾中的PHP(最後一行) – Rad

0

替換上面的代碼與

JHtml::_('jquery.framework'); 

,並在你的js文件這樣開始

jQuery(document).ready(function($) { 
// your code goes here 
} 

獲得現成的代碼,你可以在ready功能

+0

嗯,這是JHtml :: _(' jquery.framework');導入JQUERY用戶界面?以及我包含在問題頂部的所有其他腳本? – Rad

+0

JHtml :: _('jquery.ui');這將啓用jQuery UI。這是瞭解更多關於這些JHTML語句如何以及如何操作的有用鏈接。 http://docs.joomla.org/J3.2:Javascript_Frameworks。你不需要包含上面的庫,只需使用JHTML來完成所有這些東西 – arslan

+0

'JHtml :: _('jquery.framework')'是推薦的方法,它是自從Joomla 3.0 –