2014-02-19 2 views
0

Я новичок здесь, и я новичок в webdevelopment/wordpress. Прежде всего, извините за мой плохой английский.Wordpress-toggler нажимает другие элементы на странице

Моя проблема: Я работаю над страницей Wordpress, используя редактор. На странице есть несколько материалов, всего несколько композиций Edge Suite и некоторый текст.

Композиции являются рефералами на некоторые веб-сайты Magento, которые размещены нами компанией.

Теперь я пытаюсь сделать переключение div позади или под одной из композиций, чтобы показать некоторую информацию о соответствующем хостинге.

Но когда я ставлю в toggler, все страницы будут выглядеть следующим образом: click.

Я пробовал очень много переключателей, коды, css только, но все те же проблемы.

Заключение: У меня есть toggler на странице Wordpress с jquery, и он отталкивает другие элементы.

Пожалуйста, помогите!

Привет,

Томас

О и

Я использую плагин embedit профи SHORTCODE HTML, и я использую "вставить JavaScript/CSS", чтобы использовать мой JavaScript и css на одной странице. Но я не думаю, что это должно быть проблемой.

Код:

CSS:

<style> 
    .layer1 { 
    margin: 0; 
    padding: 0; 
    width: 250px; 
    } 

    .heading { 
    margin: 1px; 
    color: #fff; 
    padding: 3px 10px; 
    cursor: pointer; 
    background-color:#c30; 
    } 
    .content { 
    padding: 5px 10px; 
    background-color:#fafafa; 
    position:absolute; 
    } 
    p { padding: 5px 0; } 


    </style> 

Jquery:

<script type="text/javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 

    <script type="text/javascript"> 
    jQuery(document).ready(function() { 
    jQuery(".content").hide(); 
    jQuery(".heading").click(function() 
    { 
    jQuery(this).next(".content").slideToggle(500); 
    }); 
    }); 
    </script> 

Html:

<div id="container"> 
    <div class="layer1"> 
    <p class="heading">Meer info</p> 
    <div class="content">Hier komt de informatie te staan over de desbetreffende     hosting.</div> 
    </div> 

+0

Делитесь своим кодом –

+0

Пожалуйста, добавьте более подробную информацию по вашему вопросу. Таким образом, мы сможем помочь вам лучше. – thomaux

+0

Хорошо, я просто добавил код, извиняюсь за долгое ожидание, я не знал, как правильно добавить код: D – thommylue

ответ

0

Исправлено! Это было потому, что я был в режиме администратора Wordpress, когда я смотрел на веб-сайт в другом браузере, не оставаясь при входе в систему, все остается в нужном месте. Итак, если у кого-то такая же проблема, посмотрите свой сайт в другом браузере, не войдя в ваш wordpress/my-admin.

Смежные вопросы