Jquery для Wordpress работал на моем локальном хосте, но после загрузки файлов перестал работать?

Question

Я установил Jquery для Wordpress на странице Wordpress на моем локальном хосте:

http://localhost/brianfunshine.com2/

Изображения правильно отображались в лайтбокс

http://alex -chen.net / wordpress /

Но когда я загрузил файлы на сервер, Jquery for Wordpress перестал работать.

Я только что загрузил тему Wordpress и плагин.

Я не уверен, какой код предоставить.

Пожалуйста, дайте мне знать, как решить эту проблему.

Код ссылки на изображение (в данном случае это видео):

<div><a href="#second2"><img src="http://www.howieolson.com/wp-content/uploads/2010/04/howie-olsen-welcome-video.jpg" alt="Welcome To High Output" width="220px" height="120px" /></a></div>
<div id="second2" style="display: none;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/N172nW_U39g?fs=1&amp;hl=en_US" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/N172nW_U39g?fs=1&amp;hl=en_US" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>

РЕДАКТИРОВАТЬ:

Плагин говорит, что выглядитСам по прямым ссылкам.И это происходит, когда я использую его с моего локального хоста.

Когда я загружаю файлы, я должен назначить класс: "fancybox" для ссылок, чтобы заставить его работать.

Я надеваюЯ не знаю Javascript, но я думаю, что плагин ищет прямые ссылки здесь:

// Load FancyBox with the settings set
function mfbfw_init() {

    $settings = mfbfw_get_settings();

    echo "\n"."\n"."<!-- Fancybox for WordPress v". $settings['version'] ." -->"."\n";

    ?>

<script type="text/javascript">

    <?php if ($settings['jQnoConflict']) { ?>jQuery.noConflict();<?php } echo "\n" ?>

    jQuery(function(){

        <?php // This copies the title of every IMG tag and adds it to its parent A so that fancybox can use it ?>
        jQuery.fn.getTitle = function() {
            var arr = jQuery("a.fancybox");
            jQuery.each(arr, function() {
                var title = jQuery(this).children("img").attr("title");
                jQuery(this).attr('title',title);
            })
        }

        // Supported file extensions
        var thumbnails = 'a:has(img)[href$=".bmp"],a:has(img)[href$=".gif"],a:has(img)[href$=".jpg"],a:has(img)[href$=".jpeg"],a:has(img)[href$=".png"],a:has(img)[href$=".BMP"],a:has(img)[href$=".GIF"],a:has(img)[href$=".JPG"],a:has(img)[href$=".JPEG"],a:has(img)[href$=".PNG"]';

    <?php if ($settings['galleryType'] == 'post') {

        // Gallery type BY POST and we are on post or page (so only one post or page is visible)
        if ( is_single() | is_page() ) { ?>

        jQuery(thumbnails).addClass("fancybox").attr("rel","fancybox").getTitle();

    <?php }

    // Gallery type BY POST, but we are neither on post or page, so we make a different rel attribute on each post
    // (optimized based on sugestions from http://mentalfruition.com/)
    else { ?>

        var posts = jQuery('.post');

        posts.each(function() {
            jQuery(this).find(thumbnails).addClass("fancybox").attr('rel','fancybox'+posts.index(this)).getTitle()
        });


    <?php }

    }

Answer 1

Селектор плагинов использует has (img), чтобы определить, следует ли добавить в ссылку класс fancybox.

var thumbnails = 'a:has(img)[href$=".bmp"],a:has(img)[href$=".gif"],a:has(img)[href$=".jpg"],a:has(img)[href$=".jpeg"],a:has(img)[href$=".png"],a:has(img)[href$=".BMP"],a:has(img)[href$=".GIF"],a:has(img)[href$=".JPG"],a:has(img)[href$=".JPEG"],a:has(img)[href$=".PNG"]';


jQuery(thumbnails).addClass("fancybox").attr("rel","fancybox").getTitle();

has (img) ищет тег img внутри ссылки (тега), а не ссылку на изображение, как вы делаете со следующим:

<a href="http://img155.imageshack.us/img155/4065/screenshot2lx.png">click here</a>

Для автоматической работы требуется что-то вроде следующего:

<a href="http://img155.imageshack.us/img155/4065/screenshot2lx.png"><img src="<thumbnail url>" /></a>