0

PHP でレンジ スライダーを読み込もうとしています ( http://ghusse.github.io/jQRangeSlider/demo.htmlのようなスライダー)。

これは動作する HTML のスライダーです (参照: http://www.leff-design.nl/websites/sliderpreview/test.html ):

      <html>
  <head>
    <meta charset="utf-8"/>
    <title>example</title>
    <link rel="stylesheet" href="css/iThing.css" type="text/css" />

    <script src="lib/jquery-1.7.1.min.js"></script>
    <script src="lib/jquery-ui-1.8.16.custom.min.js"></script>
    <script src="jQAllRangeSliders-min.js"></script>
  </head>
  <body>
    <h1>Hello world</h1>
    <div id="slider"></div>

    <script>
    //<!--
      $("#slider").editRangeSlider({range: {min: 0, max: 15}}, {bounds:{min: 0, max: 40}}, {defaultValues:{min: 0, max: 4}});
    //-->
    </script>
  </body>
</html>

これをphpに設定しようとしましたが、これを行う方法が正確にはわかりません。私はこれを試しました(これは完全なphpコードではなく、高度なカスタムフィールドプラグインのphpファイルの一部です):

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/fields/css/iThing.css" type="text/css" media="screen" />
        <script src="<?php bloginfo('template_url'); ?>/fields/lib/jquery-1.7.1.min.js" type="text/javascript"></script>
        <script src="<?php bloginfo('template_url'); ?>/fields/lib/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
        <script src="<?php bloginfo('template_url'); ?>/fields/jQAllRangeSliders-min.js" type="text/javascript"></script>
    <script type="text/javascript">
        (function($){
            $(window).load(function() {
                $('#slider').editRangeSlider();
            });
        })(jQuery);
        </script>

    <?php

    function create_field( $field )
        {

            {



  echo '<script type="text/javascript">$("#slider").editRangeSlider({range: {min: 0, max: 15}}, {bounds:{min: 0, max: 40}}, {defaultValues:{min: 0, max: 4}});</script>';



            }

        }

        new acf_field_number_range();

    ?>

また、スライダー コードをエコーし​​ようとしましたが、何もしません。HTML ファイルのように適切な css クラスを取得しません。#slider idをphpのjqueryファイルに正確に接続するにはどうすればよいですか?

前もって感謝します。

4

1 に答える 1

0

気にしないで、忘れました<div id="slider">。バカ。

于 2013-07-02T11:12:38.030 に答える