0

我在 wordpress 中使用以下代码，并且还使用了灯箱表单插件。

<?php query_posts('showposts=9&post_type=packages') ?>
  <?php while (have_posts()) :the_post(); ?>
    <?php echo the_post_thumbnail(); ?>
     ...
      ...
    <span class="package-book">
    <div id="text"><?php the_title(); ?></div>
     <script type="text/javascript">

     var $ = jQuery.noConflict();

     $(document).ready(function() {
        $(".package-book a").click(function() {
            var $temp = $('#text').html();
            $('#book-title').val($temp);
        });
     });

     </script> 

       <?php echo do_shortcode("[formlightbox text='Book Now' title= 'welcome'][contact-form-7 id='383' title='Booking Form'][/formlightbox]"); ?>
         or consider this <a title="welcome" class="fl_box-1" href="#">Book Now</a>
      </span>  
       <?php endwhile; ?>
       <input type="text" size="40" class="wpcf7-form-control wpcf7-text" id="book-title" value="" name="PackageTitle">

I am using contact us 7 plugin并创建了一个嵌入到灯箱表单中的表单预订表单。

其实when book now anchor tag is clicked现在的书form gets popped up on the screen.

I want that input type text with id book-title应该filled with current package title<?php the_title(); ?>.

The above jquery works for first package only.请帮助我，以便它适用于所有软件包。

4

2 回答 2

0

您可以尝试做一些事情来使其正常工作。

  1. 确保您的脚本被拉入页面，一种检查方法是使用 Chrome 调试器中的“源”选项卡并在 html 头部分中搜索其他文件

  2. 确保在包含 jQuery 之后包含了 datatale 脚本，因为它肯定依赖于它。

  3. 检查是否正确包含 jQuery，并且只包含一次。

  4. 注意 jQuery 冲突。还有一些其他库覆盖了 $，因此您的代码无法正常工作，因为 $ 不再是 jQuery 的别名。您可以使用它jQuery.noConflict()来避免与页面上使用相同变量 $ 的其他库发生冲突。

  5. 检查是否附加了所有必需的类和 ids 区域。

于 2013-01-03T11:59:58.253 回答
0

You are missing the $ here:

jq(".package-book a").click(function(){

instead write this:

$(".package-book a").click(function(){
于 2013-01-03T11:24:45.647 回答