How to add an additional drive to a Storage Spaces Virtual Disk

Question

One of our projects was using jQuery sizzle but I am getting the following error message. This message appears on clicking a tagged element in the navigation bar.

jquery-3.5.0.js:1677 Uncaught Error: Syntax error, unrecognized expression: http://localhost/myproject
    at Function.Sizzle.error (jquery-3.5.0.js:1677)
    at Sizzle.tokenize (jquery-3.5.0.js:2377)
    at Sizzle.select (jquery-3.5.0.js:2838)
    at Function.Sizzle [as find] (jquery-3.5.0.js:894)
    at jQuery.fn.init.find (jquery-3.5.0.js:3095)
    at new jQuery.fn.init (jquery-3.5.0.js:3205)
    at jQuery (jquery-3.5.0.js:157)
    at HTMLAnchorElement.<anonymous> ((index):925)
    at HTMLAnchorElement.dispatch (jquery-3.5.0.js:5429)
    at HTMLAnchorElement.elemData.handle (jquery-3.5.0.js:5233)

Here are my codes

Layout Page (included in all pages)

<nav class="navbar navbar-expand-lg navbar-light static-top MONTSERRAT_LIGHT">
            <div class="container-fluid">
              <a class="navbar-brand" href="#">
                    <img class="text-left" src="{{ asset('images/[email protected]') }}"/>
                    <!---<p class="site_subtitle">Your operation accelerated</p>-->
                </a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                  </button>
              <div class="collapse navbar-collapse col-lg-8" id="navbarResponsive">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link scroll_bottom" href="{{url('/')}}">About Us</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link scroll_bottom" href="{{url('/')}}">Content 1</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link"  href="{{url('content2')}}">Content 2</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link scroll_bottom" href="{{url('/')}}">Contact Us</a>
                      </li>
                </ul>
              </div>
            </div>
</nav>

Solution

I believe that almost every unexplainable behavior about Storage Spaces revolves around the "Column" concept. When you do things from the UI instead of PowerShell, you don’t get to choose the most optimal column count. I can speculate that because you used a 3-disk configuration initially, the column count of the V-Disk ended up as "3". You can check the number of columns by looking at the properties for the V-Disk (under Details).

In this case, my understanding is that you will need to expand by multiples of 3 disks.

The best test for my above speculation is to use this procedure to recreate the V-Disk :

1. Create a Storage Pool as small as possible, in your case a single 2TB disk.
2. Create a 2TB V-Disk (striped in your favorite color).
3. Create a 2TB Volume.
4. Add a disk to the pool, thus expanding the initial column setting over a new disk.
5. Expand the V-Disk and Volume.
6. Repeat steps 4-5 as necessary.

(source)

Comments

[Teemu]

It looks like a selector is malformatted. We need to see the executed JS when "a tagged element" is clicked. Also, please fill the placeholders of the links in the markup with their real content.

[Skumar]

@Teemu Can you let me know which js file is used? I am having a hard time finding it out

[Teemu]

?? Isn't that your own code? You're supposed to know where the clicks on the anchors are handled.

[Skumar]

@Teemu No. I am supposed to correct the errors

[Skumar]

@Teemu Sizzle.error = function( msg ) { throw new Error( "Syntax error, unrecognized expression: " + msg ); };

[Teemu]

How is that? It's trivial to find the event handlers with the DevTools. Just open the Inspector tab and click on a link. Depending on the browser, you can find which events are attached to the element (in FF there's an event icon in the markup, Chrome shows the events from the context menu).

[Charles Boyung]

I will try this out when I get the chance (hopefully tonight), but I have a feeling this will be dead on. I didn't create it with PowerShell (didn't even know that was an option - haven't played with powershell much), and I believe I did see the column value of 3.

[Charles Boyung]

Unfortunately, it doesn't appear that what I want to be able to do is going to work. The last sentence in your source says this: but I believe you could create a parity 3-disk set and expand 3-disk at a time, or a mirror 2-disk set and expand 2-disks at a time based on my testing. and my testing shows the same thing. It won't let me create anything other than a Simple layout with a single disk, and if I choose Parity, it requires me to set the number of "Columns" to match the number of disks (minimum 3). This even happens in powershell, so I don't think there's any getting around it.

[harrymc]

Might be a specific problem of parity. Try the advice found at the end of this link.