2013-07-02 3 views
0

Я пытаюсь загрузить ползунок диапазона в PHP (слайдер, как один из http://ghusse.github.io/jQRangeSlider/demo.html).jQuery Rangeslider в PHP

Это слайдер в 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(); 

    ?> 

также попытался повторить код слайдера, но он ничего не делает. Он не получает правильные классы CSS, как в HTML-файле. Как точно установить идентификатор #slider с файлами jquery в php?

Заранее спасибо.

+0

это запутанное, что вы пытаетесь сделать с php ?? – wilsonrufus

+1

Вы не можете этого сделать - '' Javascript' является клиентской стороной - в работает в браузере клиентов. «PHP» - это серверная часть. Он запускается на сервере, ** до **, к генерируемому HTML. – AlexP

+0

$ ("# ползунок"). EditRangeSlider ({диапазон: {min: 0, max: 15}}, {bounds: {min: 0, max: 40}}, {defaultValues: {min: 0, max: 4 }}); почему это внутри php ????? – wilsonrufus

ответ