jquery - コントローラーとスライダーのflexslider方向ナビゲーションが機能しない

Question

私は何週間も調査とテストを行ってきましたが、このコードを機能させることができません。カスタマイズしているテーマ内にある flexslider (1.8) を使用しています。私が理解している 2 つの方向ナビゲーションが手動コントロールであることを望みます。最初にスパンを使用してカスタム コントローラーを作成し、次に UL > LI 構造を作成しました。方向ナビゲーション矢印はスライダー内でうまく機能しますが、カスタム コントローラーで機能を複製することはできません。昨日機能が動作するようになりましたが、方向ナビゲーションの矢印をコントローラーの場所に移動しただけです...可能であれば両方が欲しいです。現在の flexslider.js に更新しようとしましたが、テーマで使用されている他の flexslider が機能しなくなります。

私はcustom.jsファイルにこれを持っています:

$slider.flexslider( { 
slideshow: false, 
controlNav: false, 
directionNav: true, 
manualControls: '.custom-controls li a',
controlsContainer: '.flex-container'
} );

これは、flexslider を作成する functions.php ファイルにあります。

echo '<div class="et_media flex-container">';
if ( $media ){
echo '<div class="flexslider"><ul class="slides">';
foreach( (array) $media as $et_media ){
echo '<li class="slide">';

// if else to get the slides

echo '</li>';
}
echo '</ul></div>';

/***
 * ul flexslider controller
 */           

echo '<div class="slider_controller">'; // use flexslider custom-controls in ul 
echo '<ul class="custom-controls">';
echo '<li class="photo-title">' . get_the_title() . '</li>'; 
echo '<li class="right">' . '<a href="#" class="next next-nav">' . "next" . '</a>' .  '</li>';
echo '<li class="right">' . '<a href="#" class="next viewnext">' . "view next" . '</a>' . '</li>';
echo '<li class="right">' . '<a href="#" class="prev prev-nav">' . "previous" . '</a>' . '</li>';
echo '</ul>';
echo '</div> <!-- end .slider_controller -->';

URL (開発 URL) は次のとおりです。

http://174.132.168.130/~samlewis/?page_id=400#

提案は大歓迎です！