2

jquery fancybox 内にオートコンプリート jquery テキスト ボックスを含めることに問題があります。オートコンプリートテキストボックスは、ファンシーボックスの外にある場合は正常に機能するようですが、ファンシーボックス内で使用するとすぐにまったく機能しません... jquery内でjqueryを使用できないようですか?

コードは次のとおりです (jquery ファイルへのリンクは既に作成されています)。

<script type="text/javascript" src="site/themes/ama/js/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="site/themes/ama/fancyBox/jquery.fancybox.js"></script>
<link rel="stylesheet" href="site/themes/ama/fancyBox/jquery.fancybox.css" type="text/css" media="screen" />


<script>
var availableTags = ["one","two","three"];
$(document).ready(function(){
$( "#tags" ).autocomplete({
   source: availableTags
  });
  $(".fancybox").fancybox();
});
</script>

ファンシーボックスのdivは以下です

<div id="display" style="display:none;">
<form name="upload" action="" method="post" enctype="multipart/form-data">
<label for="tags">Tags: </label>

これは、オートコンプリート テキスト ボックスとして機能しないテキスト ボックスです。

<input type="text" id="tags" name="gallery" style="height: 20px;">
</form>
</div>

<p style="clear:both;"><a href="#display" class="fancybox">Upload Images</a></p>

助けてくれてありがとう！

更新 noConflict を使用してみましたが、jquery 用に作成されたプラグインではなく、jquery フレームワークと他のフレームワークとの間の競合のみであることに気付きました。私はこの問題について真剣に混乱しています...

4

1 に答える 1

2

これを CSS で使用すると、問題が解決します。

.ui-autocomplete {
    z-index: 99999;
}
于 2014-01-16T14:16:32.470 に答える