0

私はワードプレスで次のコードを使用しており、ライトボックスフォームプラグインも使用しています。

<?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

あなたはここに欠けてい$ます：

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

代わりにこれを書きます：

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

これを機能させるために試すことができることがいくつかあります。

  1. スクリプトがページに取り込まれていることを確認してください。確認する方法の 1 つは、Chrome デバッガーの [ソース] タブを使用し、html ヘッド セクションで他のファイルを検索することです。

  2. jQuery をインクルードした後に datatale スクリプトをインクルードしたことを確認してください。

  3. jQuery が正しく含まれているかどうかを確認し、1 回だけ実行します。

  4. jQuery の競合に注意してください。$ をオーバーライドしている他のライブラリがあるため、$ は jQuery のエイリアスではないため、コードが機能しません。同じjQuery.noConflict()変数 $.

  5. 必要なすべてのクラスと ID 領域がアタッチされているかどうかを確認します。

于 2013-01-03T11:59:58.253 に答える