Zrub Foundation下拉按鈕突破內角部分

當我在角部分內使用Zrub Foundation下拉按鈕時，它們乍一看看起來不錯，但是當您單擊以顯示選項時，它們不會顯示。懸停時按鈕的顏色和點擊更改應該是，它只是列表項不顯示。Zrub Foundation下拉按鈕突破內角部分

控制檯中沒有錯誤。此外，如果我將按鈕代碼直接放在index.html中，下拉行爲可以正常工作。

有關如何讓下拉按鈕在部分內部工作的任何想法？

app.js

'use strict'; 
angular.module('myapp', ['myappFilters', 'myappServices']). 
    config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
     when('/test', {templateUrl: 'partials/test.html', controller: EnvListCtrl}). 
}]);

的test.html

<div href="#" class="medium button dropdown full-width"> 
    Dropdown Button &nbsp; 
    <ul> 
    <li><a href="#">Choice 1</a></li> 
    <li class="divider"></li> 
    <li><a href="#">Choice 2</a></li> 
    <li><a href="#">Choice 3</a></li> 
    </ul> 
</div>

來源

2013-02-02 Coder1

如果您自己找到答案，可否請發帖？我正在努力讓這兩場比賽變得更好。 – dsldsl

好吧，我發佈了我最終初始化元素的方式。 – Coder1

我的工作，周圍是觸發change選擇元素，然後在錨和列表元素click。

這實質上是初始化下拉元素以正確顯示，並考慮設置爲選定元素的任何內容。

我有一個揭示模式，這是一個部分內的下拉菜單。就我而言，我在激活模態前初始化元素。

標記

<select style="display:none;" id="customDropdown" 
    ng-options="o.label for o in apptStatusOpts" ng-model="apptStatus"></select> 

<div class="custom dropdown"> 
    <a href="#" class="current">Appointment Status</a> 
    <a href="#" class="selector"></a> 
    <ul> 
    <li ng-repeat="o in apptStatusOpts">{{o.label}}</li> 
    </ul> 
</div>

的JavaScript

$("#customDropdown").trigger('change'); 
$("#customDropdown a.current").trigger('click'); 
$("#customDropdown li.selected").trigger('click');

還要注意，基金會3是我與合作。不確定在最近發佈的Foundation 4中是否有任何改變。

來源

2013-03-06 15:30:02 Coder1

Zrub Foundation下拉按鈕突破內角部分

回答

相關問題