Блог

 <?php
   echo("var answersC = answer-table-$qrow->id;");
   echo("var toggleC = toggle-table-$qrow->id;");
?>

   jQuery('toggleC').click(function() {
      jQuery('answersC').slideToggle('fast');
});
  

Вместо статического имени класса css у меня есть страница, которая создает уникальные классы в цикле. Я надеюсь, что смогу переключать эти отдельные области, но я не знаю, как использовать переменную string в качестве имени класса css.

Я также пробовал это подобным образом, но без особой удачи.

 <?php
   echo("var answersC = $qrow->id;");
   echo("var toggleC = $qrow->id;");
?>

   jQuery('.answer-table-' answerC).click(function() {
      jQuery('answersC' toggleC).slideToggle('fast');
});
  

У кого-нибудь есть идеи? Я не знаю достаточно, чтобы заставить это работать. Спасибо!

ОБНОВЛЕНИЕ: я должен добавить, что это находится на странице PHP в тегах скрипта.

ОБНОВЛЕНИЕ 2:

Я пробовал различные предложения до такой степени, что мои глазные яблоки чувствуют, что они сдерживают голову, полную яичницы-болтуньи. Я довольно хорош в поиске решений js в Google, но у меня не очень обширные знания об этом, поэтому трудно понять, как расширить их, когда они не работают.

Где я сейчас нахожусь, это этот код: (обратите внимание, я переключился с классов на идентификаторы)

 <script type="text/javascript" language="javascript">
    <!--
    <?php
    echo("var answersC = 'answertable' $qrow->id;");
    echo("var toggleC = 'toggletable' $qrow->id;");
    ?>
    jQuery('#' toggleC).click(function() {
    jQuery('#' answersC).slideToggle('fast');
    });
    console.log('#' toggleC); //example #toggletable6
    console.log('#' answersC); //example #answertable6
    // -->
    </script>
  

Я вижу в firebug, что переменное содержимое соответствует идентификаторам в html, и я не получаю никаких ошибок, но это все равно ничего не делает.

В другом месте я использую следующие функции для отображения всех ответов на все вопросы:

 $('.atoggle').click(function() {
$('.answer-table').slideToggle('fast');
});
  

Это работает отлично, только я действительно хочу открывать ответы только для каждого вопроса.

Примечание: Разница между ‘$’ и ‘jQuery’ заключается только в том, что один находится в файле .js внутри функции-оболочки, разрешающей использование ‘$’ в WordPress, тот, который не работает, просто находится в исходном коде страницы на данный момент. Большое спасибо всем за их вклад!

ОБНОВЛЕНИЕ (окончательное):

Для всех, кто столкнется с этим в поиске, я опубликую окончательный рабочий код. Возникла дополнительная проблема с запуском этого, которая требовала переноса всего в функцию document.ready.

Рабочая версия:

 <script type="text/javascript" language="javascript">
    jQuery(document).ready(function() {
    <!--
        <?php
        echo("var answersC = 'answertable' $qrow->id;");
        echo("var newanswersC = 'newanswertable' $qrow->id;");
        echo("var toggleC = 'toggletable' $qrow->id;");
        ?>

        jQuery('.' toggleC).click(function() {
        jQuery('.' answersC).slideToggle('fast');
        jQuery('.' newanswersC).slideToggle('fast');
        });
    });
        // -->
</script>
  

вместо

 jQuery('toggleC').click(function() {
      jQuery('answersC').slideToggle('fast');
  

попробуйте

 jQuery('.' toggleC).click(function() {
      jQuery('.' answersC).slideToggle('fast');
  

обратите внимание, что если у вас на странице есть несколько переключателей и ответов, щелкните переключателем, чтобы просмотреть все ответы. Чтобы переключать только ответы, принадлежащие click answer, используйте:

 jQuery('.' toggleC).click(function() {
      jQuery(this).find('.' answersC).slideToggle('fast');
  

наконец, обратите внимание, что вам не нужно добавлять идентификатор в класс (transversability, да-да-да), и что вы можете использовать что-то вроде

 jQuery('table').delegate('.' toggleC, 'click', (function() {
    jQuery(this).find('.' answersC).slideToggle('fast');
  

для того, чтобы создать только один обработчик событий вместо «количества строк». (но это не очень важно)

Если answer-table-*ID* и answersC*ID* классы, приписываемые определенным элементам HTML, попробуйте это:

 <?php
echo 'var qrow_id = '.$qrow->id.';';
?>

jQuery('.answer-table-' qrow_id).click(function() {
      jQuery('.answersC' qrow_id).slideToggle('fast');
});