Обновление не будет работать в списке ".sortable" - PullRequest
Новая
       12

Обновление не будет работать в списке ".sortable"

2 голосов
/ 15 декабря 2011

Я пытаюсь использовать «сортируемый» список Jquery на моем WordPress-сайте, но по какой-то причине, хотя он и сортируем, он, похоже, не запускает функцию обновления!

Вот код, который я использую:

Код заголовка: 

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-ui-1.7.1.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $("#test-list").sortable({
    handle : '.handle',
    update : function () {
       var homepageorder = $('#test-list').sortable('serialize');
      $("#testinfo").load("process-sortable.php?"+homepageorder);
    }
  });
});
</script>

Код тела: 

<code><pre>
<div id="testinfo">Waiting for update</div>

процесс-сортировка: 

$dbhost                         = "**********";
$dbuser                         = "**********";
$dbpass                         = "**********";
$dbname                         = "**********";

$conn = mysql_connect($dbhost, $dbuser, $dbpass) or die ("Error connecting to mysql");
mysql_select_db($dbname);

foreach ($_GET['listItem'] as $position => $item) :
$query = "UPDATE `homepageorder` SET `position` = $position WHERE `id` = $item";
mysql_query($query) or die('Error, insert query failed');
$sql[] = "UPDATE `homepageorder` SET `position` = $position WHERE `id` = $item";
endforeach;

print_r ($sql);

Я попробовал этот код сам по себе, и он, кажется, отлично работает, но как только я добавляю его в WordPress, он просто не обновляется!

Если кто-нибудь может мне помочь с этим, я был бы очень благодарен !!

1 Ответ

0 голосов
/ 16 декабря 2011

Попробуйте использовать jQuery.noConflict(), так как в конечном коде могут быть конфликтующие версии jQuery.

Например: 

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-ui-1.7.1.custom.min.js"></script>
<script type="text/javascript">

var $j = jQuery.noConflict();

$j(document).ready(function() {
  $j("#test-list").sortable({
    handle : '.handle',
    update : function () {
      var homepageorder = $j('#test-list').sortable('serialize');
      $j("#testinfo").load("process-sortable.php?"+homepageorder);
    }
  });
});
</script>

См. http://digwp.com/2009/06/including-jquery-in-wordpress-the-right-way/

...