Локальный хост не пускает мою ссылку на JavaScript в WordPress - PullRequest
Новая
       9

Локальный хост не пускает мою ссылку на JavaScript в WordPress

1 голос
/ 17 ноября 2010

По профессии я больше дизайнер, но я обычно могу владеть собственным в HTML, CSS и Javascript.

Эта проблема беспокоила меня уже несколько дней. Я разрабатываю новый WordPress-сайт для себя, используя MAMP на OS X, и пытаюсь добавить магию jQuery, чтобы оживить некоторые вещи.

По какой-то причине я не могу получить файлы для чтения. Firebug говорит, что все в порядке, и javascript кажется встроенным, но реальные функции не вызываются.

Когда я вставляю необработанный JavaScript в теги <script> прямо в <head>, все в порядке. Но как только я пытаюсь позвонить им с 

<script type="text/javascript" src="#"></script>

Функции не вызываются. Я пытался установить ссылку на JS в своей папке JS, я пытался установить связь с JS, размещенной в Google, и даже с другими, которые используют JS того же плагина jQuery для тестирования.

Я не могу понять это. Я не могу понять, что это за WordPress или localhost. Есть идеи, ребята?

Спасибо!
-Будет

Ответы [ 2 ]

1 голос
/ 17 ноября 2010

Атрибут «src» должен быть фактическим URL или, по крайней мере, «хвостом» пути относительно источника страницы или сервера.Строка «#» ничего не значит.

Кроме того, вам действительно не нужен атрибут «type», но я понимаю, что людям, работающим с HTML 4 и XHTML, это нравится, что угодно.

Таким образом, что-то вроде: 

<script src='/scripts/something.js'></script>

или 

<script src='./scripts/something.js'></script>

или вариация в зависимости от того, как вы расположите файлы на вашем сервере.

0 голосов
/ 17 ноября 2010

при работе с wordpress вы должны включить все ваши js-вызовы в файл theme.php.если вы заглянете в Google для wp_enqueue_script, вы найдете много ресурсов.вот способ пойти с jquery на googles CDN: 

function tm_javascript() {
if (!is_admin()) {
    wp_deregister_script('jquery');
    wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js', false, '1.4.2', true);
    wp_enqueue_script('jquery');

    // load a JS file from my theme: js/theme.js
    wp_enqueue_script('tm_filter', get_bloginfo('template_url') . '/js/filterable.js', array('jquery'), false, true);
    wp_enqueue_script('tm_hash', get_bloginfo('template_url') . '/js/jquery.ba-hashchange.min.js', array('jquery'), false, true);
    wp_enqueue_script('tm_ui', get_bloginfo('template_url') . '/js/jquery-ui-widget.js', array('jquery'), false, true);
    wp_enqueue_script('tm_scroll', get_bloginfo('template_url') . '/js/jquery.smoothDivScroll-1.1-min.js', array('jquery', 'tm_ui'), false, true);      
    wp_enqueue_script('tm_ajaxaks', get_bloginfo('template_url') . '/js/aks.js', array('jquery', 'tm_hash', 'tm_filter', 'tm_ui', 'tm_scroll'), false, true);   
}
}
add_action('init', 'tm_javascript');

самые первые части отменяют регистрацию включенного jquery из wordpress и затем загружают фактическую версию 1.4.2.Вы можете изменить код так, чтобы он всегда загружал новейшую версию и т. д. jsut Google.

Затем вы можете загрузить js-файлы для своей темы из подпапки темы / js /, и действительно полезной частью является массив,где вы можете объявить зависимости.ех.Плагин smoothDicScroll должен вызываться после jquery и плагина tm_ui (ui-widget).

В конце вы вызываете все js-скрипты в нижнем колонтитуле.с MAMP.При разработке на локальном хосте желательно включить запасной вариант для локальной версии jquery, поскольку иногда вы не подключены к Интернету.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...