1

http://dev.clickymedia.co.uk/rdicoursefinder/course-finder/

リンクを表示すると、多数のフィルターが同時に機能していることがわかります。ボックスの全体的な高さは、フィルター プラグインによって表示されるアイテムの量に応じて調整されます。

各項目をクリックすると、ポップアップ ボックスが表示されます。これも高さが変化し、次のアイテムを押し下げます。項目がクリックされる前のコンテナーの元の高さとポップアップ ボックスの高さを考慮して、コンテナーの高さを調整する必要があります。

これを行うためにいくつかのjQueryを作成しましたが、ご覧のとおり、アイテムをクリックしてボックスを表示するたびに、青いポップアップボックスの高さが全体の高さに何度も追加されます。それに応じてコンテナの高さを調整します。

高さに使用したjQueryは次のとおりです。

var originalHeight = $('#filter-results').height();
var thisHeight = 70 + $('.resultsShowing').height();

var overallHeight = originalHeight + thisHeight;
$('#filter-results').height(overallHeight);

どんな助けでも大歓迎です！

4

4 に答える 4

0

これは、より多くの高さを生成するたびに新しい高さを使用しているためです。

originalHeight初めて必要になったときに特定のポイントに移動し、そのままにしておく必要があります。次に、thisHeight更新する必要があるだけで、結果の高さは前者 (静的) + 後者 (動的) に賭ける必要があります。

于 2013-06-25T11:32:37.640 に答える