0

以下のスクリプトを使用して、タイム スライダーを表示しています。スクリプトはホームページを除くすべてのページで正常に動作するため、何かと競合していると考えられます。このサイトは Magento で実行されており、私が思いつく唯一の違いは、ホームページの flex-slider というモジュールです。

jQueryに競合を追加しませんでしたが、タイムスライダーはまだ機能しません。

<script type="text/javascript">
jQuery.noConflict();
jQuery(function() {
  jQuery('#callback_selected').html("9 am");
  var select = jQuery( "#callback" );
  var slider = jQuery( "<div id='slider'></div>" ).insertAfter( select ).slider({
    min: 1,
    max: 12,
    range: "min",
    value: 1,
    step: .5,
        slide: function (event, ui) {
        $time_int = ui.value;
        if (ui.value < 5) {
            $time_int = $time_int + 8;
            if ($time_int.toString().substr(-2) == '.5') $time_int = $time_int.toString().split('.')[0] + ":30";
            $time_selected = $time_int + " am";
        } else {
            $time_int = $time_int - 4;
            if ($time_int.toString().substr(-2) == '.5') $time_int = $time_int.toString().split('.')[0] + ":30";
            $time_selected = $time_int + " pm";
        }
      jQuery('#callback_selected').html($time_selected);
      jQuery("#time").val($time_selected);
    }
  });
});
</script>
4

1 に答える 1