0

首先感谢您迄今为止的所有帮助，让我根本不需要问任何问题！

我被困在我项目的这个特定部分；我有一个功能页面，它从相关的 SQL 表中调用产品，使用 ajax 调用来填写适当的数据，并用这些数据形成一个 nouislider（参见http://refreshless.com/nouislider/）。但是，当我尝试通过分面搜索（根据http://eikes.github.io/facetedsearch/）使这些项目可搜索时，我不再显示我的 nouislider（或 ajax 数据）。

这是分面之前的功能代码的缩短版本：

   <?php
require_once 'sqllogin.php';  

$connectionfortrending = new mysqli($db_hostname, $db_username, $db_password,         $db_database);

if ($connectionfortrending->connect_error) die($connectionfortrending->connect_error);

$querycalltrendingproducts = "SELECT * FROM products WHERE trending='1' LIMIT 1";
     $resultcalltrendingproducts = $connectionfortrending-    >query($querycalltrendingproducts);

if (!$resultcalltrendingproducts) die ("Database access failed: " . mysql_error());


      $alltrending = array();
while($rowstrending = mysqli_fetch_assoc($resultcalltrendingproducts)) 
 {
  $alltrending = array();
  $alltrending[] = $rowstrending;





?>

            <td>

<a href="<?php
    echo $alltrending[0]['productkey'];
        ?>.php"><img id="trending1" border="0" style="width:200px;height:250px" src=<?php
    echo $alltrending[0]['productimg'];
    ?>></a>
                <div class="infotext">
    <?php
  echo $alltrending[0]['productinfo'];         
    ?>
        </div>


      <?php
}

    ?>


        <div class="priceshower" style="display:inline;">&#163<span class="priceshower" style="display:inline;" id="pledgepriceviewtrend1" align="center"></span></div>

        <div style="margin-left:80px;" class="slider" id="trendingslider1"></div>




<script>
trendingslider1.noUiSlider({
start: [ tslider1v3 ],

range: {
    'min': [  tslider1v1 ],
    'max': [ tslider1v3 ]
},
        serialization: {
    lower: [

        $.Link({
            target: $("#pledgepriceviewtrend1")      
        }),

                    $.Link({
            target: $("#pledgepricesubmittrend1")      
        })

    ],

            format: {

        decimals: 2,

    }
}

});





function getGroupTrendingSlider1(){      

valuestr = $("#trendingslider1").val();   
valuenum = Number(valuestr);

  if (window.XMLHttpRequest) {
  // code for IE7+, Firefox, Chrome, Opera, Safari
 xmlhttp=new XMLHttpRequest();
  } else { // code for IE6, IE5
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
  document.getElementById("pplleftingroup").innerHTML=xmlhttp.responseText;
   }
  }
xmlhttp.open("GET","posttrending1v3.php?q=",true);
</script>

我尝试将全部（SQL 调用和 HTML div 元素）放入多面搜索代码的 var item_template 部分，如下所示，但这并没有显示滑块。例如，这只是放置在多面搜索代码中的滑块 javascript：

 var item_template =  
                   'var trendingslider1 = $(\'#trendingslider1\'); ' +
                           'trendingslider1.noUiSlider({' +
    'start: [ tslider1v3 ],' +

   'range: {' +
    '\'min\': [  tslider1v1 ],' +
    '\'max\': [ tslider1v3 ]' +
    '},' +
        'serialization: {' +
    'lower: [' +

        '$.Link({' +
            'target: $("#pledgepriceviewtrend1")' +      
        '}),' +

                   ' $.Link({' +
            'target: $("#pledgepricesubmittrend1")      ' +
        '})' +

        '],' +

           ' format: {' +

        'decimals: 2,' +

    '}' +
    '}' +

'});' +





'function getGroupTrendingSlider1(){   ' +   

'valuestr = $("#trendingslider1").val();  ' + 
'valuenum = Number(valuestr);' +

  'if (window.XMLHttpRequest) {' +

'xmlhttp=new XMLHttpRequest();' +
  '} else { // code for IE6, IE5' +
  '  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");' +
  '}' +
  'xmlhttp.onreadystatechange=function() {' +
    'if (xmlhttp.readyState==4 && xmlhttp.status==200) {' +
  'document.getElementById("pplleftingroup").innerHTML=xmlhttp.responseText;' +
   '}' +
  '}' +
'xmlhttp.open("GET","posttrending1v3.php?q=",true);'
     ;

我会以错误的方式解决这个问题吗？是否与尝试同时使用 nouislider.js 和 facetedsearch.js 文件有关？非常感谢任何帮助！克里斯

4

0 回答 0