Semantic-ui: HOW CAN I MAKE MENU WORK???

[oroalej]

I've been searching for a solution for hours, the website lacks documentation on how this thing work.
i copy paste the menu in the semantic website..

        <div class="ui 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" placeholder="Search...">
                <i class="search link icon"></i>
              </div>
            </div>
          </div>
        </div>

i already added the address.js

    <script src="/js/jquery-latest.js"></script>
<script src="/semantic-ui/dist/semantic.min.js"></script>
<script src="/js/address.js"></script>

UPDATE:

  $('.ui .item').on('click', function() {
      $('.ui .item').removeClass('active');
      $(this).addClass('active');
   }); 

[recipher]

You'll need to define "work" I think.

What exactly isn't working? In general, the menu is just a list of links. Nothing has to be made to work. So what isn't working? 

What does address.js have to do with it?

—
Johnny H
07971 880871

On Thu, Dec 11, 2014 at 6:37 AM, oroalej [email protected] wrote:

I've been searching for a solution for hours, the website lacks documentation on how this thing work.
i copy paste the menu in the semantic website..

Home


Messages

i already added the address.js

Reply to this email directly or view it on GitHub:
https://github.com/Semantic-Org/Semantic-UI/issues/1419

[jlukic]

Menus do not have any behaviors attached. Anything that it should _do_ is up to your site's code.

[shangab]

Hi Semantic Team,

It is really undeniable that you put huge amount of work in this project. But the problem is (Or may as it appears to me). I go to semantic-ui website, I see a nice module (say a table with nice sliding check boxes for each row). I "innocently" copy the source that they labeled "literally" as "source" I go to my website and paste it.

Now bear in mind that I already have all semantic-ui JavaScript and CSS links in my page. I run the example and the table is "DEAD" not live as it appears in the website demo of semantic-ui. Please say the same thing about menus, dropdowns, sliding menus ...ect. The list goes on and on.

http://semantic-ui.com/collections/table.html
Go to the above link and see the table with sliding check boxes and have a look at the source.!!

I believe beside the declarative HTML tags for the table there are some javascript that let the whole thing "WORK" @oroalej says, but the problem you guys show the HTML and do not do the same for the javascript!!. I am only expecting.

Am I missing something guys? please feedback.

Thanks,

[jholl]

do you have a live example of this not working?
here it is in codepen. Cut and Paste from docs, no css or js needed.

Check your debugger -- are you including jQuery? Does jQuery init in time and before Semantic js?

[shangab]

Yes @jholl jQuery is there and before semantic. One more note please, look at this nice grids page:
http://semantic-ui.com/examples/grid.html

None of the examples in it shows the source, at least the HTML.

Regards,

[jholl]

is there a question?

for one, you can use your browser's inspect tool to see the source.

also there's an explanation of grids with source within the docs; you can get the idea of how they work there.