semantic-ui

问题 Got a problem with semantic-ui dropdown. I've been using Semantic-Ui, and wanted to change the dropdown item dynamically. That is, when i choose the value from the first dropdown, the second dropdown's item is not getting reflected. Here is the code snippet: $(document).ready(function() { $("#programmetype").dropdown({ onChange: function() { $('#servicetype').html( '<div class="ui selection dropdown select- language ">'+'<div class=" text ">Choose..</div>'+'<i class=" dropdown icon "></i>'+'

问题 I have an Angular2 application and I want to use Semantic UI . However, there are some jQuery configurations like below that I have to run after a component loaded: $('#app .ui.sidebar') .sidebar({context:$('#app')}) .sidebar('setting', 'transition', 'overlay') It is not working by importing the js file in the head of index.html or writing it in a <script> tag inside of a component template. Is there a " typescript way" to do that or how can I use a js file inside of a component? 回答1: I found

问题 I use capybara with capybara-webkit and Semantic-ui , but it seams that dropdowns doesn't work out of box, because <select> element is hidden: # feature_spec.rb select 'option1', from: 'Options' $ rspec feature_spec.rb Capybara::ElementNotFound: Unable to find select box "Options" Do you have working solutions for this? 回答1: I've created this helper: # for Semantic-ui dropdown def select_from_dropdown(item_text, options) # find dropdown selector dropdown = find_field(options[:from], visible:

问题 I am using Semantic UI Dropdown in my ASP.NET Web Forms application. Its working fine in this fiddle. But in my application it is not showing the drop down when clicked on the selector div. Also, I can select the elements by searching but in that case too the drop down is not showing. When I inspected using Firefox, I found that display: none property is not changing for .menu class. When I researched on SO, I found these related questions: Semantic-ui dropdown is not working and semantic UI

问题 I need a way to define behavior on a Semantic modal that gets executed when it closes. What I'm doing now uses a 'portal', but I think the "onClick" event doesn't work because these html elements are outside of react. I had: componentDidMount() { console.log('mounting modal', this); this.node = React.findDOMNode(this); this.$modal = $(this.node); this.$icon = $("<i class='close icon' /></i>"); this.$header = $("<div class='header'></div>").html(this.props.header); this.$content = $("<div

问题 I need a way to define behavior on a Semantic modal that gets executed when it closes. What I'm doing now uses a 'portal', but I think the "onClick" event doesn't work because these html elements are outside of react. I had: componentDidMount() { console.log('mounting modal', this); this.node = React.findDOMNode(this); this.$modal = $(this.node); this.$icon = $("<i class='close icon' /></i>"); this.$header = $("<div class='header'></div>").html(this.props.header); this.$content = $("<div

问题 I am trying to work with semantic ui menu. But I cannot get it to work, ie when I click the items in the menu, the active state isn't changing. I didn't find any examples in the web either. HTML : <div class="ui grid"> <div class="one wide row"> <div class="ui green menu"> <a class="active item"> <i class="home icon"></i> Home </a> <a class="item"> <i class="mail icon"></i> Messages </a> <div class="right menu"> <div class="item"> <div class="ui transparent icon input"> <input type="text"

问题 I am trying to work with semantic ui menu. But I cannot get it to work, ie when I click the items in the menu, the active state isn't changing. I didn't find any examples in the web either. HTML : <div class="ui grid"> <div class="one wide row"> <div class="ui green menu"> <a class="active item"> <i class="home icon"></i> Home </a> <a class="item"> <i class="mail icon"></i> Messages </a> <div class="right menu"> <div class="item"> <div class="ui transparent icon input"> <input type="text"

问题 Is there a way to use icons from Semantic UI or FontAwseome as markers icons in OpenLayers3 ? OpenLayers features the feature style Text that can be used as follows: var blackFill = new ol.style.Fill({color: 'black'}) var whiteStroke = new ol.style.Stroke({color: 'white', width: 1}) var iconText = new ol.style.Text({font: "<my font>", text: "<some string>", fill: blackFill, stroke: whiteStroke }) var featureStyle = new ol.style.Style({ text: iconText }); After checking the style of Semantic

问题 I would like to use CommonJS to include semantic-ui in my react jsx file. I installed semantic-ui with bower, and webpack is correctly configured to include the bower_components directory. However, when I use require('semantic-ui/dist/semantic-ui.js') in the jsx file, the console always throw an error "Uncaught ReferenceError: jQuery is not defined", even when I put a statement var jQuery = require('jquery/dist/jquery.js') before that. Another related thing is that in order for semantic-ui to