Question

我正在尝试创建一个Joomla组件（2.5），我需要一个自动完成输入或提前输入，这没关系。我从互联网上尝试了很多东西，但它们没有用。

我可以获得基本的工作代码吗？

HTML

    <div>
        <h2>Example</h2>
        <div class="demo">
            <input class="typeahead" type="text" placeholder="Start typing..."/>
        </div>
    </div>

JS

$(document).ready(function() {
  $('.typeahead').typeahead({
    local: ["Bachelor of Science","Bachelor of Science in Accounting"]
  });  
})

Answer 1

如果您不想处理javascript，可以使用PHP Autocomplete网站上的PHP自动完成控件等内容。

代码示例（不使用jQuery）：

$pac = new C_PhpAutocomplete('company');
$pac -> display('SELECT'); // an existing <select> tag

取自：http://phpautocomplete.com/examples/your-first-autcomplete/

Answer 2

请确保在您正在实施代码的页面上加载jquery。

要轻松地将jquery添加到您的站点，您可以安装jb库 http://www.joomlabamboo.com/joomla-extensions/jb-library-plugin-a-free-joomla-jquery-plugin

你还应该将$更改为jQuery以避免冲突。

    jQuery(document).ready(function() {
      jQuery('.typeahead').typeahead({
          local: ["Bachelor of Science","Bachelor of Science in Accounting"]
       });  
    })

注意还要记住使用以下代码将typeahead.js作为第一个php语句添加到页面中;

   $document = JFactory::getDocument();
   $document->addScript('path_to_typeahead/typeahead.js';

在Joomla 2.5中自动完成

2 个答案: