使用Sementic UI Accordion和JQuery UI Accordion时发生冲突

时间:2016-10-05 14:30:42

标签: jquery-ui

我正在使用Sementic UI和Jquery UI。但是,我想使用Semantic UI的手风琴,当我调用Semantic UI的手风琴类时似乎存在冲突。

样品:

   <WebMethod>
    Public Function BindMapMarker(Rcodprovincia As String, RcodCitta As String) As MAPS()


 <script type="text/javascript">
        var map;

        function CreateMarker() {

            var params = {
                RcodProvincia: $('#<%=CBB_Provincia.ClientID%> option:selected').val(),
                RcodCitta: $('#<%=CBB_Comune.ClientID%>  option:selected').val() }


            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "WebService.asmx/BindMapMarker",
                data: JSON.stringify(params),//{},//data: JSON.stringify(params),
                dataType: "json",
                success: function (data) 
                { ...},
                error: function (result) {
                    alert("Error");
                }
            });

有什么建议吗?

3 个答案:

答案 0 :(得分:0)

我在jQuery UI中使用了Semantic UI,对我来说没有问题。

你是否在main.js中初始化了语义ui手风琴?

$('.ui.accordion')
  .accordion()
;

在你的文档加载javascript函数中添加上面的代码,它应该可以工作!

(function($) {
    $('.ui.accordion')
      .accordion()
    ;
}(jQuery)); 

还要确保在语义JS之前添加jQuery JS。

<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<!-- Semantic-ui JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.js"></script>

答案 1 :(得分:0)

jquery ui和semantic有一个accordion,所以存在冲突。

要获得修复,请从here下载并检查所有 WITHOUT 手风琴。

我试着解决它。

希望它能为你效劳。

答案 2 :(得分:0)

正如其他人所指出的,这是JUI和SUI accordion函数之间的冲突。

我还没有提到https://kubernetes.io/docs/tasks/administer-cluster/manage-resources/memory-constraint-namespace/(当前关闭)。如果您愿意的话,可以在那里考虑一下(或者更好地提供PR)。